pixel-react 1.8.6 → 1.8.7

package/lib/components/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import './Button.scss';
 import '../../assets/styles/_colors.scss';
 import { ButtonProps } from './types';
-declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>>;
-export default _default;
+declare const Button: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export default Button;

package/lib/components/ChooseFile/ChooseFile.d.ts

@@ -1,3 +1,4 @@
+import { type FC } from 'react';
 import { ChooseFileProps } from './types';
-declare const _default: import("react").NamedExoticComponent<ChooseFileProps>;
-export default _default;
+declare const ChooseFile: FC<ChooseFileProps>;
+export default ChooseFile;

package/lib/index.d.ts

@@ -146,7 +146,7 @@ interface ButtonProps {
     handleCloseIcon?: () => void;
 }
 
-declare const _default$2: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>>;
+declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
 interface BtnPropsCommon {
     /**
@@ -1732,7 +1732,7 @@ interface TreeTableProps {
     loadMore?: (_direction?: string) => void;
 }
 
-declare const _default$1: React__default.NamedExoticComponent<TreeTableProps>;
+declare const _default: React__default.NamedExoticComponent<TreeTableProps>;
 
 interface TabsProps {
     /**
@@ -2904,7 +2904,7 @@ interface ChooseFileProps {
     handleCloseIcon?: () => void;
 }
 
-declare const _default: React$1.NamedExoticComponent<ChooseFileProps>;
+declare const ChooseFile: FC<ChooseFileProps>;
 
 interface ScriptSwitchButtonProps {
     handleClick: (selected: string) => void;
@@ -3323,4 +3323,4 @@ declare const ELEMENTS_TRAILING_SPACE_REGEX: RegExp;
 declare const ELEMENTS_WHITE_SPACE_REGEX: RegExp;
 declare const PARAMETER_ALPHANUMERIC_REGEX: RegExp;
 
-export { AADHAAR_REGEX, ALPHABET_ONLY_REGEX, ALPHANUMERIC_REGEX, Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BASE64_REGEX, BINARY_NUMBER_REGEX, BarChart, _default$2 as Button, CREDIT_CARD_REGEX, CURRENCY_GENERIC_REGEX, Checkbox, Chip, _default as ChooseFile, Col, Comments, ConditionalDropdown, ConnectingBranch, Container, CreateVariableSlider, DATE_REGEX, DECIMAL_NUMBER_REGEX, DRIVING_LICENSE_REGEX, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, ELEMENTS_TRAILING_SPACE_REGEX, ELEMENTS_WHITE_SPACE_REGEX, EMAIL_REGEX, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FILE_EXTENSION_REGEX, FILE_NAME_REGEX, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, formatString as FormatString, GSTIN_REGEX, HEXADECIMAL_NUMBER_REGEX, HEX_COLOR_REGEX, HSL_COLOR_REGEX, HTML_ATTRIBUTE_REGEX, HTML_TAG_REGEX, HighlightText, INDIAN_CURRENCY_REGEX, INDIAN_PASSPORT_REGEX, INDIAN_PHONE_REGEX, INDIAN_PIN_CODE_REGEX, INTERNATIONAL_PHONE_REGEX, IPV4_REGEX, IPV6_REGEX, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LINKEDIN_PROFILE_REGEX, LabelEditTextField, LineChart, MAC_ADDRESS_REGEX, MEMORY_VALIDATION_REGEX, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, NLP_DESCRIPTION_REGEX, NUMBERS_ONLY_REGEX, NUMBER_REGEX, PAN_CARD_REGEX, PARAMETER_ALPHANUMERIC_REGEX, PASSWORD_COMPLEX_REGEX, PASSWORD_SIMPLE_REGEX, PHONE_REGEX, POSTAL_CODE_REGEX, Paper, PhoneInputField, PieChart, PopUpModal, ProgressBar, RGB_COLOR_REGEX, ROMAN_NUMERALS_REGEX, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, SSN_REGEX, STEP_GROUP_NAME_REGEX, ScriptSwitchButton, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, TIME_REGEX, TWITTER_HANDLE_REGEX, Table, _default$1 as TableTree, TableWithAccordion, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, UNIT_REGEX, URL_REGEX, USERNAME_REGEX, USERNAME_SPECIAL_REGEX, US_ZIP_CODE_REGEX, UUID_REGEX, VEHICLE_REGISTRATION_REGEX, VariableDropdown, VariableInput, WHITESPACE_REGEX, capitalize, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, hasDuplicateFile, saveFileFromBlob, throttle, toast, truncateText, useFileDropzone, useKeyboardActions, useTheme };
+export { AADHAAR_REGEX, ALPHABET_ONLY_REGEX, ALPHANUMERIC_REGEX, Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BASE64_REGEX, BINARY_NUMBER_REGEX, BarChart, Button, CREDIT_CARD_REGEX, CURRENCY_GENERIC_REGEX, Checkbox, Chip, ChooseFile, Col, Comments, ConditionalDropdown, ConnectingBranch, Container, CreateVariableSlider, DATE_REGEX, DECIMAL_NUMBER_REGEX, DRIVING_LICENSE_REGEX, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, ELEMENTS_TRAILING_SPACE_REGEX, ELEMENTS_WHITE_SPACE_REGEX, EMAIL_REGEX, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FILE_EXTENSION_REGEX, FILE_NAME_REGEX, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, formatString as FormatString, GSTIN_REGEX, HEXADECIMAL_NUMBER_REGEX, HEX_COLOR_REGEX, HSL_COLOR_REGEX, HTML_ATTRIBUTE_REGEX, HTML_TAG_REGEX, HighlightText, INDIAN_CURRENCY_REGEX, INDIAN_PASSPORT_REGEX, INDIAN_PHONE_REGEX, INDIAN_PIN_CODE_REGEX, INTERNATIONAL_PHONE_REGEX, IPV4_REGEX, IPV6_REGEX, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LINKEDIN_PROFILE_REGEX, LabelEditTextField, LineChart, MAC_ADDRESS_REGEX, MEMORY_VALIDATION_REGEX, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, NLP_DESCRIPTION_REGEX, NUMBERS_ONLY_REGEX, NUMBER_REGEX, PAN_CARD_REGEX, PARAMETER_ALPHANUMERIC_REGEX, PASSWORD_COMPLEX_REGEX, PASSWORD_SIMPLE_REGEX, PHONE_REGEX, POSTAL_CODE_REGEX, Paper, PhoneInputField, PieChart, PopUpModal, ProgressBar, RGB_COLOR_REGEX, ROMAN_NUMERALS_REGEX, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, SSN_REGEX, STEP_GROUP_NAME_REGEX, ScriptSwitchButton, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, TIME_REGEX, TWITTER_HANDLE_REGEX, Table, _default as TableTree, TableWithAccordion, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, UNIT_REGEX, URL_REGEX, USERNAME_REGEX, USERNAME_SPECIAL_REGEX, US_ZIP_CODE_REGEX, UUID_REGEX, VEHICLE_REGISTRATION_REGEX, VariableDropdown, VariableInput, WHITESPACE_REGEX, capitalize, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, hasDuplicateFile, saveFileFromBlob, throttle, toast, truncateText, useFileDropzone, useKeyboardActions, useTheme };

package/lib/index.esm.js

@@ -1,6 +1,6 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
-import React__default, { forwardRef, useRef, useEffect, memo, useState, createContext as createContext$1, useContext, useMemo, useCallback, createElement, PureComponent, useImperativeHandle, useLayoutEffect, useReducer, cloneElement, Component } from 'react';
+import React__default, { forwardRef, useRef, useEffect, useState, createContext as createContext$1, useContext, useMemo, useCallback, createElement, PureComponent, useImperativeHandle, memo, useLayoutEffect, useReducer, cloneElement, Component } from 'react';
 import { createPortal, unstable_batchedUpdates } from 'react-dom';
 
 function styleInject(css, ref) {
@@ -999,7 +999,6 @@ const Typography = ({
   });
 };
 
-const areEqual$2 = (prevProps, nextProps) => prevProps.selectedFile?.name === nextProps.selectedFile?.name;
 const Button$1 = /*#__PURE__*/forwardRef(({
   variant = 'primary',
   backgroundColor,
@@ -1059,7 +1058,6 @@ const Button$1 = /*#__PURE__*/forwardRef(({
     }), iconPosition === 'right' && renderIcon()]
   });
 });
-var Button$2 = /*#__PURE__*/memo(Button$1, areEqual$2);
 
 var css_248z$1f = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-title {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-20 {\n  font-family: \"Poppins\";\n  font-size: 20px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-drawer-container .ff-overlay {\n  position: fixed;\n  inset: 0;\n  background-color: var(--drawer-title-color);\n  opacity: 0.5;\n  z-index: 999;\n}\n.ff-drawer-container .child-drawer-overlay {\n  z-index: 999;\n}\n.ff-drawer-container .ff-drawer {\n  margin-bottom: 4px;\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  top: 87px;\n  background-color: var(--primary-button-text-color);\n  z-index: 999;\n  transform: translateX(100%);\n  opacity: 0;\n}\n.ff-drawer-container .ff-drawer--open {\n  transform: translateX(0);\n  opacity: 1;\n}\n.ff-drawer-container .ff-drawer--small {\n  width: 444px;\n}\n.ff-drawer-container .ff-drawer--medium {\n  width: 666px;\n}\n.ff-drawer-container .ff-drawer--large {\n  width: 888px;\n}\n.ff-drawer-container .ff-drawer--x-large {\n  width: calc(100vw - 10px);\n}\n.ff-drawer-container .ff-drawer--open, .ff-drawer-container .ff-drawer--medium, .ff-drawer-container .ff-drawer--large, .ff-drawer-container .ff-drawer--x-large {\n  transition: all 0.4s ease-in-out;\n  border-radius: 5px;\n  border: 1px solid var(--border-color);\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header {\n  padding: 4px 8px 4px 8px;\n  display: flex;\n  gap: 10px;\n  border-bottom: 1px solid var(--border-color);\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-title {\n  font-weight: 600;\n  color: var(--drawer-title-color);\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-close-icon {\n  height: 16px;\n  width: 16px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  height: 24px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section .ff-action-button {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section .ff-action-button .ff-expand-collapse-button {\n  cursor: pointer;\n  background-color: var(--button-bg-color);\n  outline: none;\n  border: none;\n  margin: 0;\n  border: 1px solid transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 8px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section .ff-action-button .ff-custom-header {\n  background-color: var(--drawer-footer-bg);\n  width: 100%;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-body {\n  background-color: var(--drawer-footer-bg);\n  overflow-y: auto;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 4px 8px 4px 8px;\n  display: flex;\n  justify-content: space-between;\n  border-top: 1px solid var(--drawer-footer-border);\n  z-index: 1000;\n  background-color: var(--base-bg-color);\n  transform: translateY(3px);\n  border-radius: 0 0 4px 4px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-footer .button-container {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-footer .ff-custom-footer {\n  background-color: var(--drawer-footer-bg);\n  width: 100%;\n  border-radius: 0 0 8px 8px;\n}";
 styleInject(css_248z$1f);
@@ -1246,17 +1244,17 @@ const Drawer = ({
         children: customFooter || footerContent || jsxs(Fragment, {
           children: [jsxs("div", {
             className: "button-container",
-            children: [leftSecondaryButtonProps.label && jsx(Button$2, {
+            children: [leftSecondaryButtonProps.label && jsx(Button$1, {
               ...leftSecondaryButtonProps,
               onClick: leftPrimaryButtonProps.onClick,
               variant: "secondary",
               transparentBackground: true
-            }), leftPrimaryButtonProps.label && jsx(Button$2, {
+            }), leftPrimaryButtonProps.label && jsx(Button$1, {
               ...leftPrimaryButtonProps,
               onClick: leftPrimaryButtonProps.onClick,
               variant: "primary",
               transparentBackground: true
-            }), leftTertiaryButtonProps?.label && jsx(Button$2, {
+            }), leftTertiaryButtonProps?.label && jsx(Button$1, {
               ...leftTertiaryButtonProps,
               onClick: leftTertiaryButtonProps.onClick,
               variant: "tertiary",
@@ -1264,17 +1262,17 @@ const Drawer = ({
             })]
           }), jsxs("div", {
             className: "button-container",
-            children: [rightTertiaryButtonProps?.label && jsx(Button$2, {
+            children: [rightTertiaryButtonProps?.label && jsx(Button$1, {
               ...rightTertiaryButtonProps,
               onClick: rightTertiaryButtonProps.onClick,
               variant: "tertiary",
               transparentBackground: true
-            }), secondaryButtonProps.label && jsx(Button$2, {
+            }), secondaryButtonProps.label && jsx(Button$1, {
               ...secondaryButtonProps,
               onClick: onCancel,
               variant: "secondary",
               transparentBackground: true
-            }), primaryButtonProps.label && jsx(Button$2, {
+            }), primaryButtonProps.label && jsx(Button$1, {
               ...primaryButtonProps,
               onClick: primaryButtonProps.onClick,
               variant: "primary",
@@ -1738,7 +1736,7 @@ const Dropdown$2 = /*#__PURE__*/forwardRef(({
       })
     }), withSelectButton && filteredOptions.length > 0 && jsx("div", {
       className: "select-button-container",
-      children: jsx(Button$2, {
+      children: jsx(Button$1, {
         label: "Select",
         variant: "tertiary",
         onClick: onSelectClick
@@ -2200,11 +2198,11 @@ const Toaster = ({
             children: toastMessage
           }), variant === 'confirm' && jsxs("div", {
             className: "ff-toaster-content__prompt",
-            children: [jsx(Button$2, {
+            children: [jsx(Button$1, {
               onClick: handleClose,
               variant: "secondary",
               children: "Cancel"
-            }), jsx(Button$2, {
+            }), jsx(Button$1, {
               onClick: onConfirmation,
               variant: "delete",
               children: confirmationText
@@ -4323,7 +4321,7 @@ const Dropzone = ({
             selectedValue: selectedRadioOption?.value,
             onChange: handleOptionChange
           })]
-        }) : jsx(Button$2, {
+        }) : jsx(Button$1, {
           variant: "primary",
           label: buttonLabel,
           className: 'choose-file-btn',
@@ -6405,7 +6403,7 @@ var _excluded$1 = ["style"],
 // It knows to compare individual style props and ignore the wrapper object.
 // See https://reactjs.org/docs/react-api.html#reactmemo
 
-function areEqual$1(prevProps, nextProps) {
+function areEqual(prevProps, nextProps) {
   var prevStyle = prevProps.style,
     prevRest = _objectWithoutPropertiesLoose$3(prevProps, _excluded$1);
   var nextStyle = nextProps.style,
@@ -6417,7 +6415,7 @@ function areEqual$1(prevProps, nextProps) {
 // See https://reactjs.org/docs/react-component.html#shouldcomponentupdate
 
 function shouldComponentUpdate(nextProps, nextState) {
-  return !areEqual$1(this.props, nextProps) || shallowDiffers(this.state, nextState);
+  return !areEqual(this.props, nextProps) || shallowDiffers(this.state, nextState);
 }
 
 var LazyLoad = /*#__PURE__*/Object.freeze({
@@ -6426,7 +6424,7 @@ var LazyLoad = /*#__PURE__*/Object.freeze({
   FixedSizeList: FixedSizeList,
   VariableSizeGrid: VariableSizeGrid,
   VariableSizeList: VariableSizeList,
-  areEqual: areEqual$1,
+  areEqual: areEqual,
   shouldComponentUpdate: shouldComponentUpdate
 });
 
@@ -9526,12 +9524,12 @@ const MiniModal = /*#__PURE__*/forwardRef(({
           children: footerContent
         }) : isIconModel ? jsx(Fragment, {}) : jsxs("footer", {
           className: "modal-footer",
-          children: [jsx(Button$2, {
+          children: [jsx(Button$1, {
             variant: "primary",
             className: "btn-cancel",
             onClick: cancelButtonProps?.onClick,
             label: cancelButtonProps?.text
-          }), jsx(Button$2, {
+          }), jsx(Button$1, {
             variant: "secondary",
             className: "btn-proceed",
             label: proceedButtonProps?.text,
@@ -21035,12 +21033,12 @@ const CustomDatePicker = ({
         })]
       }), !dateOnly && jsxs("div", {
         className: "ff-date-picker-controls",
-        children: [jsx(Button$2, {
+        children: [jsx(Button$1, {
           className: "ff-date-picker-button",
           variant: "secondary",
           onClick: handleCancel,
           label: "Cancel"
-        }), jsx(Button$2, {
+        }), jsx(Button$1, {
           className: "ff-date-picker-button",
           variant: "primary",
           onClick: handleSave,
@@ -29848,7 +29846,7 @@ const Branches = ({
           })]
         }) : jsx("div", {
           className: "ff-connecting-branch-browser-button",
-          children: jsx(Button$2, {
+          children: jsx(Button$1, {
             id: `ff-sequential-branch-add-${machineInstanceId}`,
             variant: "tertiary",
             label: addInstanceLabel,
@@ -30012,7 +30010,7 @@ const SequentialConnectingBranch = ({
                 className: "ff-branch-arrow"
               })
             }), isMachineInstances && jsx(Fragment, {
-              children: jsx(Button$2, {
+              children: jsx(Button$1, {
                 variant: "tertiary",
                 label: "Add Environment",
                 size: "small",
@@ -30138,7 +30136,7 @@ const AttachmentButton = ({
       fontWeight: "semi-bold",
       lineHeight: '18px',
       children: label
-    }), (!showSelectedFiles || selectedFiles.length === 0) && jsx(Button$2, {
+    }), (!showSelectedFiles || selectedFiles.length === 0) && jsx(Button$1, {
       variant: buttonVariant,
       label: buttonLabel,
       size: "medium",
@@ -37518,11 +37516,11 @@ const CreateVariableSlider = ({
   const FooterContent = () => {
     return jsxs("div", {
       className: "ff-create-slider-footer",
-      children: [jsx(Button$2, {
+      children: [jsx(Button$1, {
         onClick: onClose,
         label: "Cancel",
         variant: "tertiary"
-      }), jsx(Button$2, {
+      }), jsx(Button$1, {
         variant: "primary",
         label: "create",
         type: "submit",
@@ -37781,7 +37779,6 @@ const ProgressBar = ({
   });
 };
 
-const areEqual = (prevProps, nextProps) => prevProps.selectedFile?.name === nextProps.selectedFile?.name;
 const ChooseFile = ({
   variant = 'primary',
   size = 'small',
@@ -37798,7 +37795,7 @@ const ChooseFile = ({
   handleCloseIcon
 }) => {
   return jsx("div", {
-    children: jsx(Button$2, {
+    children: jsx(Button$1, {
       variant: variant,
       label: label,
       type: type,
@@ -37816,7 +37813,6 @@ const ChooseFile = ({
     })
   });
 };
-var ChooseFile$1 = /*#__PURE__*/memo(ChooseFile, areEqual);
 
 var css_248z$8 = "/* Container Styling */\n.ff-script-switch-container {\n  display: flex;\n  background-color: var(--base-bg-color);\n  height: 24px;\n  width: 48px;\n  border-radius: 6px;\n  border: 1px solid var(--border-color);\n  align-items: center;\n  justify-content: center;\n  /* Button Styling */\n  /* Active Button */\n}\n.ff-script-switch-container .ff-script-switch-button {\n  padding: 0.1px;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  outline: none;\n  transition: all 0.3s ease;\n  /* Button Hover Effect */\n}\n.ff-script-switch-container .ff-script-switch-button:hover {\n  background-color: var(--hover-color);\n  color: var(--brand-color);\n}\n.ff-script-switch-container .ff-script-switch-button.active {\n  background-color: var(--ff-line-number-bg);\n  color: var(--base-bg-color);\n}";
 styleInject(css_248z$8);
@@ -51211,11 +51207,11 @@ const PopUpModal = ({
         })]
       }), jsxs("div", {
         className: 'warning_modal_footer_button',
-        children: [jsx(Button$2, {
+        children: [jsx(Button$1, {
           variant: "secondary",
           label: firstButtonLabel,
           onClick: onClose
-        }), jsx(Button$2, {
+        }), jsx(Button$1, {
           variant: buttonVariant || 'warning',
           label: secondButtonLabel,
           onClick: onContinue
@@ -53363,5 +53359,5 @@ const PhoneInputField = ({
   });
 };
 
-export { AADHAAR_REGEX, ALPHABET_ONLY_REGEX, ALPHANUMERIC_REGEX, Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BASE64_REGEX, BINARY_NUMBER_REGEX, BarChart, Button$2 as Button, CREDIT_CARD_REGEX, CURRENCY_GENERIC_REGEX, Checkbox, Chip, ChooseFile$1 as ChooseFile, Col, Comments, ConditionalDropdown, ConnectingBranch, Container, CreateVariableSlider, DATE_REGEX, DECIMAL_NUMBER_REGEX, DRIVING_LICENSE_REGEX, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, ELEMENTS_TRAILING_SPACE_REGEX, ELEMENTS_WHITE_SPACE_REGEX, EMAIL_REGEX, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FILE_EXTENSION_REGEX, FILE_NAME_REGEX, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, formatString as FormatString, GSTIN_REGEX, HEXADECIMAL_NUMBER_REGEX, HEX_COLOR_REGEX, HSL_COLOR_REGEX, HTML_ATTRIBUTE_REGEX, HTML_TAG_REGEX, HighlightText, INDIAN_CURRENCY_REGEX, INDIAN_PASSPORT_REGEX, INDIAN_PHONE_REGEX, INDIAN_PIN_CODE_REGEX, INTERNATIONAL_PHONE_REGEX, IPV4_REGEX, IPV6_REGEX, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LINKEDIN_PROFILE_REGEX, LabelEditTextField, LazyLoad, LineChart, MAC_ADDRESS_REGEX, MEMORY_VALIDATION_REGEX, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, NLP_DESCRIPTION_REGEX, NUMBERS_ONLY_REGEX, NUMBER_REGEX, PAN_CARD_REGEX, PARAMETER_ALPHANUMERIC_REGEX, PASSWORD_COMPLEX_REGEX, PASSWORD_SIMPLE_REGEX, PHONE_REGEX, POSTAL_CODE_REGEX, Paper, PhoneInputField, PieChart, PopUpModal, ProgressBar, RGB_COLOR_REGEX, ROMAN_NUMERALS_REGEX, RadialChart, RadioButton, RadioGroup, Recaptcha, Row$1 as Row, SSN_REGEX, STEP_GROUP_NAME_REGEX, ScriptSwitchButton, Search, Select$1 as Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, TIME_REGEX, TWITTER_HANDLE_REGEX, Table$1 as Table, TableTree, TableWithAccordion, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, UNIT_REGEX, URL_REGEX, USERNAME_REGEX, USERNAME_SPECIAL_REGEX, US_ZIP_CODE_REGEX, UUID_REGEX, VEHICLE_REGISTRATION_REGEX, VariableDropdown, VariableInput, WHITESPACE_REGEX, capitalize, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, hasDuplicateFile, saveFileFromBlob, throttle, toast, truncateText, useFileDropzone, useKeyboardActions, useTheme };
+export { AADHAAR_REGEX, ALPHABET_ONLY_REGEX, ALPHANUMERIC_REGEX, Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BASE64_REGEX, BINARY_NUMBER_REGEX, BarChart, Button$1 as Button, CREDIT_CARD_REGEX, CURRENCY_GENERIC_REGEX, Checkbox, Chip, ChooseFile, Col, Comments, ConditionalDropdown, ConnectingBranch, Container, CreateVariableSlider, DATE_REGEX, DECIMAL_NUMBER_REGEX, DRIVING_LICENSE_REGEX, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, ELEMENTS_TRAILING_SPACE_REGEX, ELEMENTS_WHITE_SPACE_REGEX, EMAIL_REGEX, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FILE_EXTENSION_REGEX, FILE_NAME_REGEX, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, formatString as FormatString, GSTIN_REGEX, HEXADECIMAL_NUMBER_REGEX, HEX_COLOR_REGEX, HSL_COLOR_REGEX, HTML_ATTRIBUTE_REGEX, HTML_TAG_REGEX, HighlightText, INDIAN_CURRENCY_REGEX, INDIAN_PASSPORT_REGEX, INDIAN_PHONE_REGEX, INDIAN_PIN_CODE_REGEX, INTERNATIONAL_PHONE_REGEX, IPV4_REGEX, IPV6_REGEX, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LINKEDIN_PROFILE_REGEX, LabelEditTextField, LazyLoad, LineChart, MAC_ADDRESS_REGEX, MEMORY_VALIDATION_REGEX, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, NLP_DESCRIPTION_REGEX, NUMBERS_ONLY_REGEX, NUMBER_REGEX, PAN_CARD_REGEX, PARAMETER_ALPHANUMERIC_REGEX, PASSWORD_COMPLEX_REGEX, PASSWORD_SIMPLE_REGEX, PHONE_REGEX, POSTAL_CODE_REGEX, Paper, PhoneInputField, PieChart, PopUpModal, ProgressBar, RGB_COLOR_REGEX, ROMAN_NUMERALS_REGEX, RadialChart, RadioButton, RadioGroup, Recaptcha, Row$1 as Row, SSN_REGEX, STEP_GROUP_NAME_REGEX, ScriptSwitchButton, Search, Select$1 as Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, TIME_REGEX, TWITTER_HANDLE_REGEX, Table$1 as Table, TableTree, TableWithAccordion, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, UNIT_REGEX, URL_REGEX, USERNAME_REGEX, USERNAME_SPECIAL_REGEX, US_ZIP_CODE_REGEX, UUID_REGEX, VEHICLE_REGISTRATION_REGEX, VariableDropdown, VariableInput, WHITESPACE_REGEX, capitalize, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, hasDuplicateFile, saveFileFromBlob, throttle, toast, truncateText, useFileDropzone, useKeyboardActions, useTheme };
 //# sourceMappingURL=index.esm.js.map