@egov3/system-design 1.3.132 → 1.3.133

package/dist/types/components/legacy.d.ts

@@ -1,70 +1,70 @@
-import { ICalendarBodyProps } from './Calendar/Body/index.js';
 import { ICalendarProps } from './Calendar/index.js';
-import { INotificationWrapperProps } from './Notification/Wrapper/index.js';
-import { INotificationComponentProps } from './Notification/Item/index.js';
 import { IServiceCardComponentProps } from './ServiceCardComponent/index.js';
 import { IAccordionTitleProps } from './Presale/AccordionTitle/index.js';
 import { IServiceDetailsProps } from './Presale/ServiceDetails/index.js';
 import { IPassportDetailsProps } from './Presale/PassportDetails/index.js';
 import { IInstructionsProps } from './Presale/Instructions/index.js';
+import { IErrorModalProps } from './ErrorModal/index.js';
+import * as react from 'react';
+import { ICalendarBodyProps } from './Calendar/Body/index.js';
+import { IAgreementStepProps } from './Identity/Agreement/index.js';
+import { IAuthStepProps } from './Identity/Auth/index.js';
+import { IEdsSuccessProps } from './Identity/EdsSuccess/index.js';
 import { IHelpInstructionProps } from './Identity/HelpInstruction/index.js';
-import { IViewToggleProps } from './Navigation/ViewToggle/index.js';
-import { ISetUpAccessProps } from './Profile/SetUpAccess/index.js';
-import { IRightMenuSectionItemProps } from './Profile/RightMenuSectionItem/index.js';
-import { IProfileHealthGeneral } from './Profile/ProfileHealthGeneral/index.js';
-import { INextStepComponentProps } from './Services/NextStepComponent/index.js';
-import { IMsgSearchProps } from './Messages/MsgSearch/index.js';
-import { MsgComponentHeaderProps } from './Messages/MsgComponentHeader/index.js';
-import { IMsgBodyProps } from './Messages/MsgBody/index.js';
-import { IIdentityModalProps } from './Identity/IdentityModal/index.js';
 import { IPrimaryProps } from './Identity/IdentityHeader/index.js';
-import { IIconToggleItemProps } from './Profile/IconToggleItem/index.js';
-import { IHelpItemProps } from './Messages/HelpNotificationItem/index.js';
-import { IHelpNotificationProps } from './Messages/HelpNotification/index.js';
-import { IFileForUploadProps } from './Services/FileForUpload/index.js';
-import { IFeedbackProps } from './Services/Feedback/index.js';
-import { IErrorModalProps } from './ErrorModal/index.js';
+import { IIdentityModalProps } from './Identity/IdentityModal/index.js';
 import { IEmptyMessagesProps } from './Messages/EmptyMessages/index.js';
-import { IEdsSuccessProps } from './Identity/EdsSuccess/index.js';
+import { IHelpNotificationProps } from './Messages/HelpNotification/index.js';
+import { IHelpItemProps } from './Messages/HelpNotificationItem/index.js';
+import { IMsgBodyProps } from './Messages/MsgBody/index.js';
+import { MsgComponentHeaderProps } from './Messages/MsgComponentHeader/index.js';
+import { IMsgSearchProps } from './Messages/MsgSearch/index.js';
+import { IViewToggleProps } from './Navigation/ViewToggle/index.js';
+import { INotificationComponentProps } from './Notification/Item/index.js';
+import { INotificationWrapperProps } from './Notification/Wrapper/index.js';
 import { IDocCardProps } from './Profile/DocCard/index.js';
-import { IAuthStepProps } from './Identity/Auth/index.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { IAgreementStepProps } from './Identity/Agreement/index.js';
+import { IIconToggleItemProps } from './Profile/IconToggleItem/index.js';
+import { IProfileHealthGeneral } from './Profile/ProfileHealthGeneral/index.js';
+import { IRightMenuSectionItemProps } from './Profile/RightMenuSectionItem/index.js';
+import { ISetUpAccessProps } from './Profile/SetUpAccess/index.js';
+import { IFeedbackProps } from './Services/Feedback/index.js';
+import { IFileForUploadProps } from './Services/FileForUpload/index.js';
+import { INextStepComponentProps } from './Services/NextStepComponent/index.js';
 
 declare const Components: {
-    Agreement: ({ lang, agreementText, submitAgreementAndSign, }: IAgreementStepProps) => react_jsx_runtime.JSX.Element;
-    Auth: ({ lang, handleEdsClick, handleRegistrationClick, handleDownloadAppClick, }: IAuthStepProps) => react_jsx_runtime.JSX.Element;
-    DocCard: ({ title, docIcon, expiration, children, lang, handleDownload, }: IDocCardProps) => react_jsx_runtime.JSX.Element;
-    EdsSuccess: ({ lang, handleEdsOnclick }: IEdsSuccessProps) => react_jsx_runtime.JSX.Element;
-    EmptyMessages: ({ pageType, lang }: IEmptyMessagesProps) => react_jsx_runtime.JSX.Element;
-    ErrorModal: ({ status, message, lang, isOpen, onClose, onAuthAction, }: IErrorModalProps) => react_jsx_runtime.JSX.Element;
-    Feedback: ({ onAction, value, onChange, lang, rating, setRating, setOpen, }: IFeedbackProps) => react_jsx_runtime.JSX.Element;
-    FileForUpload: ({ lang, uploadingFile, handleRemoveFile, }: IFileForUploadProps) => react_jsx_runtime.JSX.Element;
-    HelpNotification: ({ icon, children, handleOnClick, ariaLabel, dataTestid, }: IHelpNotificationProps) => react_jsx_runtime.JSX.Element;
-    HelpNotificationItem: ({ lang, isRead, isUnderline, }: IHelpItemProps) => react_jsx_runtime.JSX.Element;
-    IconToggleItem: ({ Icon, text, lock, unlock, }: IIconToggleItemProps) => react_jsx_runtime.JSX.Element;
-    IdentityHeader: ({ goMainPage, lang }: IPrimaryProps) => react_jsx_runtime.JSX.Element;
-    IdentityModal: ({ children, goBackService, handleLangChange, isMain, lang, navigator, }: IIdentityModalProps) => react_jsx_runtime.JSX.Element;
-    MsgBody: ({ msgItem, lang, handleDetailsClick, }: IMsgBodyProps) => react_jsx_runtime.JSX.Element;
-    MsgComponentHeader: ({ lang, headerText, headerAriaLabel, handleOpenSearch, handleReadAll, }: MsgComponentHeaderProps) => react_jsx_runtime.JSX.Element;
-    MsgSearch: ({ lang, handleClose, handleOnEnter, }: IMsgSearchProps) => react_jsx_runtime.JSX.Element;
-    NextStepComponent: ({ disabled, handleNextStepClick, lang, }: INextStepComponentProps) => react_jsx_runtime.JSX.Element;
-    ProfileHealthGeneral: ({ lang, attachedClinic, compulsoryHealthInsurance, }: IProfileHealthGeneral) => react_jsx_runtime.JSX.Element;
-    RightMenuSectionItem: ({ title, btnText, btnOnClick, ariaLabel, btnVariant, }: IRightMenuSectionItemProps) => react_jsx_runtime.JSX.Element;
-    SetUpAccess: ({ lock, unlock, lang }: ISetUpAccessProps) => react_jsx_runtime.JSX.Element;
-    ViewToggle: ({ activeView, setActiveView }: IViewToggleProps) => react_jsx_runtime.JSX.Element;
-    HelpInstruction: ({ description, linkText, link, }: IHelpInstructionProps) => react_jsx_runtime.JSX.Element;
+    Agreement: ({ lang, agreementText, submitAgreementAndSign, }: IAgreementStepProps) => react.JSX.Element;
+    Auth: ({ lang, handleEdsClick, handleRegistrationClick, handleDownloadAppClick, }: IAuthStepProps) => react.JSX.Element;
+    DocCard: ({ title, docIcon, expiration, children, lang, handleDownload, }: IDocCardProps) => react.JSX.Element;
+    EdsSuccess: ({ lang, handleEdsOnclick }: IEdsSuccessProps) => react.JSX.Element;
+    EmptyMessages: ({ pageType, lang }: IEmptyMessagesProps) => react.JSX.Element;
+    ErrorModal: ({ status, message, lang, isOpen, onClose, onAuthAction, }: IErrorModalProps) => react.JSX.Element;
+    Feedback: ({ onAction, value, onChange, lang, rating, setRating, setOpen, }: IFeedbackProps) => react.JSX.Element;
+    FileForUpload: ({ lang, uploadingFile, handleRemoveFile, }: IFileForUploadProps) => react.JSX.Element;
+    HelpNotification: ({ icon, children, handleOnClick, ariaLabel, dataTestid, }: IHelpNotificationProps) => react.JSX.Element;
+    HelpNotificationItem: ({ lang, isRead, isUnderline, }: IHelpItemProps) => react.JSX.Element;
+    IconToggleItem: ({ Icon, text, lock, unlock, }: IIconToggleItemProps) => react.JSX.Element;
+    IdentityHeader: ({ goMainPage, lang }: IPrimaryProps) => react.JSX.Element;
+    IdentityModal: ({ children, goBackService, handleLangChange, isMain, lang, navigator, }: IIdentityModalProps) => react.JSX.Element;
+    MsgBody: ({ msgItem, lang, handleDetailsClick, }: IMsgBodyProps) => react.JSX.Element;
+    MsgComponentHeader: ({ lang, headerText, headerAriaLabel, handleOpenSearch, handleReadAll, }: MsgComponentHeaderProps) => react.JSX.Element;
+    MsgSearch: ({ lang, handleClose, handleOnEnter, }: IMsgSearchProps) => react.JSX.Element;
+    NextStepComponent: ({ disabled, handleNextStepClick, lang, }: INextStepComponentProps) => react.JSX.Element;
+    ProfileHealthGeneral: ({ lang, attachedClinic, compulsoryHealthInsurance, }: IProfileHealthGeneral) => react.JSX.Element;
+    RightMenuSectionItem: ({ title, btnText, btnOnClick, ariaLabel, btnVariant, }: IRightMenuSectionItemProps) => react.JSX.Element;
+    SetUpAccess: ({ lock, unlock, lang }: ISetUpAccessProps) => react.JSX.Element;
+    ViewToggle: ({ activeView, setActiveView }: IViewToggleProps) => react.JSX.Element;
+    HelpInstruction: ({ description, linkText, link, }: IHelpInstructionProps) => react.JSX.Element;
     PresaleComponent: {
-        Instructions: ({ instructions, lang }: IInstructionsProps) => react_jsx_runtime.JSX.Element;
-        PassportDetails: ({ details, lang }: IPassportDetailsProps) => react_jsx_runtime.JSX.Element;
-        ServiceDetails: ({ passportDetails, servicesDetails, lang, }: IServiceDetailsProps) => react_jsx_runtime.JSX.Element;
-        AccordionTitle: ({ title }: IAccordionTitleProps) => react_jsx_runtime.JSX.Element;
+        Instructions: ({ instructions, lang }: IInstructionsProps) => react.JSX.Element;
+        PassportDetails: ({ details, lang }: IPassportDetailsProps) => react.JSX.Element;
+        ServiceDetails: ({ passportDetails, servicesDetails, lang, }: IServiceDetailsProps) => react.JSX.Element;
+        AccordionTitle: ({ title }: IAccordionTitleProps) => react.JSX.Element;
     };
-    ServiceCardComponent: ({ handleOrderService, badge, isNew, title, }: IServiceCardComponentProps) => react_jsx_runtime.JSX.Element;
-    NotificationItem: ({ type, text, onClick, }: INotificationComponentProps) => react_jsx_runtime.JSX.Element;
-    NotificationWrapper: ({ items, removeNotificationData, }: INotificationWrapperProps) => react_jsx_runtime.JSX.Element | null;
-    Calendar: ({ mode, isOpen, setIsOpen, lang, title, maxDate, selectedDate, selectedPeriod, defaultPeriodInterval, onDateChange, onPeriodChange, onSave, }: ICalendarProps) => react_jsx_runtime.JSX.Element;
-    CalendarBody: ({ lang, month, year, selectedDate, rangeStart, rangeEnd, maxDate, selectedPeriodInterval, onDayClick, onMonthChange, }: ICalendarBodyProps) => react_jsx_runtime.JSX.Element;
+    ServiceCardComponent: ({ handleOrderService, badge, isNew, title, }: IServiceCardComponentProps) => react.JSX.Element;
+    NotificationItem: ({ type, text, onClick, }: INotificationComponentProps) => react.JSX.Element;
+    NotificationWrapper: ({ items, removeNotificationData, }: INotificationWrapperProps) => react.JSX.Element | null;
+    Calendar: ({ mode, isOpen, setIsOpen, lang, title, maxDate, selectedDate, selectedPeriod, defaultPeriodInterval, onDateChange, onPeriodChange, onSave, }: ICalendarProps) => react.JSX.Element;
+    CalendarBody: ({ lang, month, year, selectedDate, rangeStart, rangeEnd, maxDate, selectedPeriodInterval, onDayClick, onMonthChange, }: ICalendarBodyProps) => react.JSX.Element;
 };
 
 export { Components };

package/dist/types/index.d.ts

@@ -58,8 +58,7 @@ import { IFileForUploadProps } from './components/Services/FileForUpload/index.j
 export { FileForUpload } from './components/Services/FileForUpload/index.js';
 import { INextStepComponentProps } from './components/Services/NextStepComponent/index.js';
 export { NextStepComponent } from './components/Services/NextStepComponent/index.js';
-import * as React from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { IAccordionProps } from './baseComponents/Accordion/index.js';
 export { Accordion } from './baseComponents/Accordion/index.js';
 import { IButtonProps } from './baseComponents/Button/index.js';
@@ -100,59 +99,59 @@ export { INotificationData, TNotificationType } from './interfaces/Notification.
 
 declare const SystemDesign: {
     BaseComponents: {
-        Accordion: ({ open, setOpen, children, title, }: IAccordionProps) => react_jsx_runtime.JSX.Element;
-        Button: ({ onClick, children, style, className, isRounded, isIcon, disabled, variant, size, "aria-label": ariaLabel, "data-testid": dataTestid, ...rest }: IButtonProps) => react_jsx_runtime.JSX.Element;
-        CustomRadioButton: ({ label, name, checked, onChange, value, }: ICustomRadioButtonProps) => react_jsx_runtime.JSX.Element;
-        InputField: React.ForwardRefExoticComponent<IInputFieldProps & React.RefAttributes<HTMLInputElement>>;
-        InputFieldGroup: ({ length, code, "aria-label": ariaLabel, "data-testid": dataTestid, className, isFocused, setIsFocused, hintText, isError, handleInputChange, }: IInputFieldGroupProps) => react_jsx_runtime.JSX.Element;
-        Label: ({ variant, text, isSpaced, Icon, onAction, }: ILabelProps) => react_jsx_runtime.JSX.Element;
-        Loader: () => react_jsx_runtime.JSX.Element;
-        Modal: ({ children, header, lang, isOpen, setIsOpen, variant, isWithOverlay, isContentScroll, isAnimated, footerButtons, }: IModalProps) => react_jsx_runtime.JSX.Element;
-        Overlay: ({ children, className }: IOverlayProps) => react_jsx_runtime.JSX.Element;
-        RadioGroup: ({ radioGroupItems, setSelectedOption, selectedOption, }: IRadioGroupProps) => react_jsx_runtime.JSX.Element;
-        RadioToggle: ({ lock, setLock }: IRadioToggleProps) => react_jsx_runtime.JSX.Element;
-        SearchBar: ({ lang, handleModalOpen, handleOnEnter, handleOnClear, handleOnChange, variant, loading, disabled, defaultValue, showClearButton, placeholder, "aria-label": ariaLabel, debounceDelay, }: ISearchBarProps) => react_jsx_runtime.JSX.Element;
-        SelectBoxButton: ({ handleClick, labelText, disabled, error, modalValue, lang, }: ISelectBoxProps) => react_jsx_runtime.JSX.Element;
-        StatusText: ({ text, isAlignedCenter, isNeedIcon, variant, }: IStatusTextProps) => react_jsx_runtime.JSX.Element;
-        TabButtons: ({ tabDocLabels, activeTab, handleClick, }: ITabButtonsProps) => react_jsx_runtime.JSX.Element;
-        TextareaField: React.ForwardRefExoticComponent<ITextareaFieldProps & React.RefAttributes<HTMLTextAreaElement>>;
-        TextPair: ({ mainText, secondaryText, variant, }: ITextPairProps) => react_jsx_runtime.JSX.Element;
-        Typography: React.FC<ITypographyProps>;
+        Accordion: ({ open, setOpen, children, title, }: IAccordionProps) => react.JSX.Element;
+        Button: ({ onClick, children, style, className, isRounded, isIcon, disabled, variant, size, "aria-label": ariaLabel, "data-testid": dataTestid, ...rest }: IButtonProps) => react.JSX.Element;
+        CustomRadioButton: ({ label, name, checked, onChange, value, }: ICustomRadioButtonProps) => react.JSX.Element;
+        InputField: react.ForwardRefExoticComponent<IInputFieldProps & react.RefAttributes<HTMLInputElement>>;
+        InputFieldGroup: ({ length, code, "aria-label": ariaLabel, "data-testid": dataTestid, className, isFocused, setIsFocused, hintText, isError, handleInputChange, }: IInputFieldGroupProps) => react.JSX.Element;
+        Label: ({ variant, text, isSpaced, Icon, onAction, }: ILabelProps) => react.JSX.Element;
+        Loader: () => react.JSX.Element;
+        Modal: ({ children, header, lang, isOpen, setIsOpen, variant, isWithOverlay, isContentScroll, isAnimated, footerButtons, }: IModalProps) => react.JSX.Element;
+        Overlay: ({ children, className }: IOverlayProps) => react.JSX.Element;
+        RadioGroup: ({ radioGroupItems, setSelectedOption, selectedOption, }: IRadioGroupProps) => react.JSX.Element;
+        RadioToggle: ({ lock, setLock }: IRadioToggleProps) => react.JSX.Element;
+        SearchBar: ({ lang, handleModalOpen, handleOnEnter, handleOnClear, handleOnChange, variant, loading, disabled, defaultValue, showClearButton, placeholder, "aria-label": ariaLabel, debounceDelay, }: ISearchBarProps) => react.JSX.Element;
+        SelectBoxButton: ({ handleClick, labelText, disabled, error, modalValue, lang, }: ISelectBoxProps) => react.JSX.Element;
+        StatusText: ({ text, isAlignedCenter, isNeedIcon, variant, }: IStatusTextProps) => react.JSX.Element;
+        TabButtons: ({ tabDocLabels, activeTab, handleClick, }: ITabButtonsProps) => react.JSX.Element;
+        TextareaField: react.ForwardRefExoticComponent<ITextareaFieldProps & react.RefAttributes<HTMLTextAreaElement>>;
+        TextPair: ({ mainText, secondaryText, variant, }: ITextPairProps) => react.JSX.Element;
+        Typography: react.FC<ITypographyProps>;
     };
     Components: {
-        Agreement: ({ lang, agreementText, submitAgreementAndSign, }: IAgreementStepProps) => react_jsx_runtime.JSX.Element;
-        Auth: ({ lang, handleEdsClick, handleRegistrationClick, handleDownloadAppClick, }: IAuthStepProps) => react_jsx_runtime.JSX.Element;
-        DocCard: ({ title, docIcon, expiration, children, lang, handleDownload, }: IDocCardProps) => react_jsx_runtime.JSX.Element;
-        EdsSuccess: ({ lang, handleEdsOnclick }: IEdsSuccessProps) => react_jsx_runtime.JSX.Element;
-        EmptyMessages: ({ pageType, lang }: IEmptyMessagesProps) => react_jsx_runtime.JSX.Element;
-        ErrorModal: ({ status, message, lang, isOpen, onClose, onAuthAction, }: IErrorModalProps) => react_jsx_runtime.JSX.Element;
-        Feedback: ({ onAction, value, onChange, lang, rating, setRating, setOpen, }: IFeedbackProps) => react_jsx_runtime.JSX.Element;
-        FileForUpload: ({ lang, uploadingFile, handleRemoveFile, }: IFileForUploadProps) => react_jsx_runtime.JSX.Element;
-        HelpNotification: ({ icon, children, handleOnClick, ariaLabel, dataTestid, }: IHelpNotificationProps) => react_jsx_runtime.JSX.Element;
-        HelpNotificationItem: ({ lang, isRead, isUnderline, }: IHelpItemProps) => react_jsx_runtime.JSX.Element;
-        IconToggleItem: ({ Icon, text, lock, unlock, }: IIconToggleItemProps) => react_jsx_runtime.JSX.Element;
-        IdentityHeader: ({ goMainPage, lang }: IPrimaryProps) => react_jsx_runtime.JSX.Element;
-        IdentityModal: ({ children, goBackService, handleLangChange, isMain, lang, navigator, }: IIdentityModalProps) => react_jsx_runtime.JSX.Element;
-        MsgBody: ({ msgItem, lang, handleDetailsClick, }: IMsgBodyProps) => react_jsx_runtime.JSX.Element;
-        MsgComponentHeader: ({ lang, headerText, headerAriaLabel, handleOpenSearch, handleReadAll, }: MsgComponentHeaderProps) => react_jsx_runtime.JSX.Element;
-        MsgSearch: ({ lang, handleClose, handleOnEnter, }: IMsgSearchProps) => react_jsx_runtime.JSX.Element;
-        NextStepComponent: ({ disabled, handleNextStepClick, lang, }: INextStepComponentProps) => react_jsx_runtime.JSX.Element;
-        ProfileHealthGeneral: ({ lang, attachedClinic, compulsoryHealthInsurance, }: IProfileHealthGeneral) => react_jsx_runtime.JSX.Element;
-        RightMenuSectionItem: ({ title, btnText, btnOnClick, ariaLabel, btnVariant, }: IRightMenuSectionItemProps) => react_jsx_runtime.JSX.Element;
-        SetUpAccess: ({ lock, unlock, lang }: ISetUpAccessProps) => react_jsx_runtime.JSX.Element;
-        ViewToggle: ({ activeView, setActiveView }: IViewToggleProps) => react_jsx_runtime.JSX.Element;
-        HelpInstruction: ({ description, linkText, link, }: IHelpInstructionProps) => react_jsx_runtime.JSX.Element;
+        Agreement: ({ lang, agreementText, submitAgreementAndSign, }: IAgreementStepProps) => react.JSX.Element;
+        Auth: ({ lang, handleEdsClick, handleRegistrationClick, handleDownloadAppClick, }: IAuthStepProps) => react.JSX.Element;
+        DocCard: ({ title, docIcon, expiration, children, lang, handleDownload, }: IDocCardProps) => react.JSX.Element;
+        EdsSuccess: ({ lang, handleEdsOnclick }: IEdsSuccessProps) => react.JSX.Element;
+        EmptyMessages: ({ pageType, lang }: IEmptyMessagesProps) => react.JSX.Element;
+        ErrorModal: ({ status, message, lang, isOpen, onClose, onAuthAction, }: IErrorModalProps) => react.JSX.Element;
+        Feedback: ({ onAction, value, onChange, lang, rating, setRating, setOpen, }: IFeedbackProps) => react.JSX.Element;
+        FileForUpload: ({ lang, uploadingFile, handleRemoveFile, }: IFileForUploadProps) => react.JSX.Element;
+        HelpNotification: ({ icon, children, handleOnClick, ariaLabel, dataTestid, }: IHelpNotificationProps) => react.JSX.Element;
+        HelpNotificationItem: ({ lang, isRead, isUnderline, }: IHelpItemProps) => react.JSX.Element;
+        IconToggleItem: ({ Icon, text, lock, unlock, }: IIconToggleItemProps) => react.JSX.Element;
+        IdentityHeader: ({ goMainPage, lang }: IPrimaryProps) => react.JSX.Element;
+        IdentityModal: ({ children, goBackService, handleLangChange, isMain, lang, navigator, }: IIdentityModalProps) => react.JSX.Element;
+        MsgBody: ({ msgItem, lang, handleDetailsClick, }: IMsgBodyProps) => react.JSX.Element;
+        MsgComponentHeader: ({ lang, headerText, headerAriaLabel, handleOpenSearch, handleReadAll, }: MsgComponentHeaderProps) => react.JSX.Element;
+        MsgSearch: ({ lang, handleClose, handleOnEnter, }: IMsgSearchProps) => react.JSX.Element;
+        NextStepComponent: ({ disabled, handleNextStepClick, lang, }: INextStepComponentProps) => react.JSX.Element;
+        ProfileHealthGeneral: ({ lang, attachedClinic, compulsoryHealthInsurance, }: IProfileHealthGeneral) => react.JSX.Element;
+        RightMenuSectionItem: ({ title, btnText, btnOnClick, ariaLabel, btnVariant, }: IRightMenuSectionItemProps) => react.JSX.Element;
+        SetUpAccess: ({ lock, unlock, lang }: ISetUpAccessProps) => react.JSX.Element;
+        ViewToggle: ({ activeView, setActiveView }: IViewToggleProps) => react.JSX.Element;
+        HelpInstruction: ({ description, linkText, link, }: IHelpInstructionProps) => react.JSX.Element;
         PresaleComponent: {
-            Instructions: ({ instructions, lang }: IInstructionsProps) => react_jsx_runtime.JSX.Element;
-            PassportDetails: ({ details, lang }: IPassportDetailsProps) => react_jsx_runtime.JSX.Element;
-            ServiceDetails: ({ passportDetails, servicesDetails, lang, }: IServiceDetailsProps) => react_jsx_runtime.JSX.Element;
-            AccordionTitle: ({ title }: IAccordionTitleProps) => react_jsx_runtime.JSX.Element;
+            Instructions: ({ instructions, lang }: IInstructionsProps) => react.JSX.Element;
+            PassportDetails: ({ details, lang }: IPassportDetailsProps) => react.JSX.Element;
+            ServiceDetails: ({ passportDetails, servicesDetails, lang, }: IServiceDetailsProps) => react.JSX.Element;
+            AccordionTitle: ({ title }: IAccordionTitleProps) => react.JSX.Element;
         };
-        ServiceCardComponent: ({ handleOrderService, badge, isNew, title, }: IServiceCardComponentProps) => react_jsx_runtime.JSX.Element;
-        NotificationItem: ({ type, text, onClick, }: INotificationComponentProps) => react_jsx_runtime.JSX.Element;
-        NotificationWrapper: ({ items, removeNotificationData, }: INotificationWrapperProps) => react_jsx_runtime.JSX.Element | null;
-        Calendar: ({ mode, isOpen, setIsOpen, lang, title, maxDate, selectedDate, selectedPeriod, defaultPeriodInterval, onDateChange, onPeriodChange, onSave, }: ICalendarProps) => react_jsx_runtime.JSX.Element;
-        CalendarBody: ({ lang, month, year, selectedDate, rangeStart, rangeEnd, maxDate, selectedPeriodInterval, onDayClick, onMonthChange, }: ICalendarBodyProps) => react_jsx_runtime.JSX.Element;
+        ServiceCardComponent: ({ handleOrderService, badge, isNew, title, }: IServiceCardComponentProps) => react.JSX.Element;
+        NotificationItem: ({ type, text, onClick, }: INotificationComponentProps) => react.JSX.Element;
+        NotificationWrapper: ({ items, removeNotificationData, }: INotificationWrapperProps) => react.JSX.Element | null;
+        Calendar: ({ mode, isOpen, setIsOpen, lang, title, maxDate, selectedDate, selectedPeriod, defaultPeriodInterval, onDateChange, onPeriodChange, onSave, }: ICalendarProps) => react.JSX.Element;
+        CalendarBody: ({ lang, month, year, selectedDate, rangeStart, rangeEnd, maxDate, selectedPeriodInterval, onDayClick, onMonthChange, }: ICalendarBodyProps) => react.JSX.Element;
     };
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@egov3/system-design",
-  "version": "1.3.132",
+  "version": "1.3.133",
   "type": "module",
   "main": "dist/cjs/index.js",
   "types": "dist/types/index.d.ts",
@@ -105,11 +105,11 @@
     "style-loader": "^3.3.1",
     "ts-jest": "^29.4.2",
     "ts-node": "^10.9.2",
-    "typescript": "^4.7.4",
+    "typescript": "^5.8.2",
     "webpack": "^5"
   },
   "dependencies": {
-    "@egov3/graphics": "^1.0.59",
+    "@egov3/graphics": "^1.0.64",
     "html-react-parser": "^5.2.6",
     "tsconfig-paths-webpack-plugin": "^4.2.0",
     "tslib": "^2.8.1"