hrm_ui_lib 2.1.0-alpha.19 → 2.1.0-alpha.21

package/components/Modal/ModalConfirmation.js

@@ -1,4 +1,4 @@
-import{jsx as e,jsxs as c}from"react/jsx-runtime";import{useState as $,useId as b}from"react";import d from"classnames";import"../../consts/index.js";import"../../context/types.js";import{useOnOutsideClick as v}from"../../hooks/useOnOutsideClick.js";import"../../hooks/useScreenSize.js";import{useHideBodyScroll as C}from"../../hooks/useHideBodyScroll.js";import"react-hook-form";import{useAnimation as k}from"../../hooks/useAnimation.js";import{Button as s}from"../Button/Button.js";import{Text as u}from"../Text/Text.js";import{useEscapeKey as R}from"../../hooks/useEscapeKey.js";import{createPortal as S}from"react-dom";const G=({isOpen:o,onClose:t,onSubmit:a,title:n,className:l="",size:i="small",buttonProps:r,dataIdPrefix:m,closeOnOutsideClick:p=!0,iconProps:f,subtitle:_})=>{const{animationState:h,shouldRender:x}=k({isOpen:o,enterDuration:400,exitDuration:200}),[j,y]=$(null);return v(j,t,p&&o,b()),C(o),R(t,{enabled:o}),x?S(
-/* @__PURE__ */e("div",{className:d("modal modal--confirmation",`modal--${i}`,`modal--${h}`,l),children:/* @__PURE__ */e("div",{className:d("modal__container","text-center",`modal__container--${h}`),ref:y,children:/* @__PURE__ */c("div",{className:"modal__content",children:[null!=f&&f.Component?/* @__PURE__ */e("div",{className:"modal__icon mb-32",children:/* @__PURE__ */e(f.Component,{size:"xlarge"})}):null,n?/* @__PURE__ */e(u,{weight:"bolder",lineHeight:"large",size:"large",dataId:m?`${m}-modal-title`:"",children:n}):null,_?/* @__PURE__ */e(u,{className:"mt-12",children:_}):null,r?/* @__PURE__ */c("div",{className:"modal__footer mt-32",children:[
-/* @__PURE__ */e(s,{type:"secondary",className:"modal__footer__btn mr-16",onClick:t,dataId:m?`${m}-modal-cancel-button`:"",...r.cancel||{}}),
-/* @__PURE__ */e(s,{type:"danger",className:"modal__footer__btn",onClick:a,dataId:m?`${m}-modal-confirm-button`:"",...r.confirm})]}):null]})})}),document.body):null};export{G as ModalConfirmation};
+import{jsx as o,jsxs as c}from"react/jsx-runtime";import{useState as $,useId as b}from"react";import d from"classnames";import"../../consts/index.js";import"../../context/types.js";import{useOnOutsideClick as v}from"../../hooks/useOnOutsideClick.js";import"../../hooks/useScreenSize.js";import{useHideBodyScroll as C}from"../../hooks/useHideBodyScroll.js";import"react-hook-form";import{useAnimation as k}from"../../hooks/useAnimation.js";import{Button as s}from"../Button/Button.js";import{Text as u}from"../Text/Text.js";import{useEscapeKey as R}from"../../hooks/useEscapeKey.js";import{createPortal as S}from"react-dom";const J=({isOpen:e,onClose:t,onSubmit:a,title:n,className:l="",size:i="small",buttonProps:r,dataTestIdPrefix:m,closeOnOutsideClick:p=!0,iconProps:f,subtitle:_})=>{const{animationState:h,shouldRender:x}=k({isOpen:e,enterDuration:400,exitDuration:200}),[j,y]=$(null);return v(j,t,p&&e,b()),C(e),R(t,{enabled:e}),x?S(
+/* @__PURE__ */o("div",{className:d("modal modal--confirmation",`modal--${i}`,`modal--${h}`,l),children:/* @__PURE__ */o("div",{className:d("modal__container","text-center",`modal__container--${h}`),ref:y,children:/* @__PURE__ */c("div",{className:"modal__content",children:[null!=f&&f.Component?/* @__PURE__ */o("div",{className:"modal__icon mb-32",children:/* @__PURE__ */o(f.Component,{size:"xlarge"})}):null,n?/* @__PURE__ */o(u,{weight:"bolder",lineHeight:"large",size:"large",dataTestId:m?`${m}-modal-title`:"",children:n}):null,_?/* @__PURE__ */o(u,{className:"mt-12",children:_}):null,r?/* @__PURE__ */c("div",{className:"modal__footer mt-32",children:[
+/* @__PURE__ */o(s,{type:"secondary",className:"modal__footer__btn mr-16",onClick:t,dataTestId:m?`${m}-modal-cancel-button`:"",...r.cancel||{}}),
+/* @__PURE__ */o(s,{type:"danger",className:"modal__footer__btn",onClick:a,dataTestId:m?`${m}-modal-confirm-button`:"",...r.confirm})]}):null]})})}),document.body):null};export{J as ModalConfirmation};

package/components/Modal/ModalContent.d.ts

@@ -1,10 +1,10 @@
-import { ReactElement, ReactNode } from 'react';
+import React, { ReactElement, ReactNode } from 'react';
 import { TButtonPropTypes } from '../Button/types';
-import { TTitleSize } from './types';
+import { TModalHeaderIconColor, TTitleSize } from './types';
 type TProps = {
     title?: string;
     subtitle?: string;
-    dataIdPrefix?: string;
+    dataTestIdPrefix?: string;
     closeIcon?: boolean;
     onClose: () => void;
     children?: ReactNode;
@@ -17,6 +17,9 @@ type TProps = {
     };
     onSubmit?: () => void;
     titleSize?: TTitleSize;
+    headerIcon?: React.ReactNode;
+    headerIconColor?: TModalHeaderIconColor;
+    headerStatus?: React.ReactNode;
 };
-export declare const ModalContent: ({ title, subtitle, dataIdPrefix, closeIcon, onClose, children, withFooter, confirmBtnTooltipText, buttonProps, onSubmit, titleSize }: TProps) => ReactElement;
+export declare const ModalContent: ({ title, subtitle, dataTestIdPrefix, closeIcon, onClose, children, withFooter, confirmBtnTooltipText, buttonProps, onSubmit, headerIcon, headerIconColor, headerStatus, titleSize }: TProps) => ReactElement;
 export {};

package/components/Modal/ModalContent.js

@@ -1,5 +1,7 @@
-import{jsxs as n,Fragment as N,jsx as l}from"react/jsx-runtime";import u from"../SVGIcons/IconDismiss.js";import{Positions as g}from"../Tooltip/types.js";import{Button as r}from"../Button/Button.js";import{Text as d}from"../Text/Text.js";import{Tooltip as y}from"../Tooltip/Tooltip.js";import{noop as b}from"../../utils/helpers.js";const T=({title:o,subtitle:t,dataIdPrefix:e,closeIcon:i,onClose:a,children:s,withFooter:m=!0,confirmBtnTooltipText:c,buttonProps:p,onSubmit:_,titleSize:f="large"})=>/* @__PURE__ */n(N,{children:[o?/* @__PURE__ */n("div",{className:"modal__header",children:[
-/* @__PURE__ */n("div",{children:[
-/* @__PURE__ */l(d,{lineHeight:"large",size:f,weight:"bolder",dataId:e?`${e}-modal-title`:"",children:o}),t?/* @__PURE__ */l(d,{className:"mt-12",dataId:e?`${e}-modal-title`:"",children:t}):null]}),i?/* @__PURE__ */l(r,{className:"modal__close ml-16",dataId:e?`${e}-modal-close-button`:"",iconProps:{Component:u},onClick:a,type:"tertiary",size:"medium"===f?"small":"large"}):null]}):null,
-/* @__PURE__ */l("div",{className:"modal__content scrollbar scrollbar--vertical",children:s}),m&&p?/* @__PURE__ */n("div",{className:"modal__footer",children:[p.cancel&&/* @__PURE__ */l(r,{type:"tertiary",className:"modal__footer__btn mr-16",onClick:a,dataId:e?`${e}-modal-cancel-button`:"",...p.cancel||{}}),c?/* @__PURE__ */l(y,{text:c,id:"confirm-btn-tooltip",position:g.TOP_CENTER}):null,
-/* @__PURE__ */l(r,{id:"confirm-btn-tooltip",className:"modal__footer__btn",type:"primary",onClick:_||b,dataId:e?`${e}-modal-confirm-button`:"",...p.confirm})]}):null]});export{T as ModalContent};
+import{jsxs as a,Fragment as b,jsx as o}from"react/jsx-runtime";import g from"classnames";import y from"../SVGIcons/IconDismiss.js";import{Positions as $}from"../Tooltip/types.js";import{Button as e}from"../Button/Button.js";import{Text as h}from"../Text/Text.js";import{Tooltip as f}from"../Tooltip/Tooltip.js";import{noop as C}from"../../utils/helpers.js";const M=({title:t,subtitle:l,dataTestIdPrefix:s,closeIcon:i,onClose:r,children:n,withFooter:d=!0,confirmBtnTooltipText:m,buttonProps:c,onSubmit:_,headerIcon:p,headerIconColor:u="brand",headerStatus:T,titleSize:N="large"})=>/* @__PURE__ */a(b,{children:[t?/* @__PURE__ */a("div",{className:"modal__header",children:[
+/* @__PURE__ */a("div",{className:"modal__header-content",children:[p?/* @__PURE__ */o("div",{className:g("modal__header-icon",`modal__header-icon--${u}`),children:p}):null,
+/* @__PURE__ */a("div",{className:"modal__header-text",children:[
+/* @__PURE__ */a("div",{className:"modal__header-title-row",children:[
+/* @__PURE__ */o(h,{className:"modal__header-title",lineHeight:"large",size:N,weight:"bolder",dataTestId:s?`${s}-modal-title`:"",children:t}),T?/* @__PURE__ */o("div",{className:"modal__header-status",children:T}):null]}),l?/* @__PURE__ */o(h,{className:"mt-12",dataTestId:s?`${s}-modal-title`:"",children:l}):null]})]}),i?/* @__PURE__ */o(e,{className:"modal__close ml-16",dataTestId:s?`${s}-modal-close-button`:"",iconProps:{Component:y},onClick:r,type:"tertiary",size:"medium"===N?"small":"large"}):null]}):null,
+/* @__PURE__ */o("div",{className:"modal__content scrollbar scrollbar--vertical",children:n}),d&&c?/* @__PURE__ */a("div",{className:"modal__footer",children:[c.cancel&&/* @__PURE__ */o(e,{type:"tertiary",className:"modal__footer__btn mr-16",onClick:r,dataTestId:s?`${s}-modal-cancel-button`:"",...c.cancel||{}}),m?/* @__PURE__ */o(f,{text:m,id:"confirm-btn-tooltip",position:$.TOP_CENTER}):null,
+/* @__PURE__ */o(e,{id:"confirm-btn-tooltip",className:"modal__footer__btn",type:"primary",onClick:_||C,dataTestId:s?`${s}-modal-confirm-button`:"",...c.confirm})]}):null]});export{M as ModalContent};

package/components/Modal/types.d.ts

@@ -1,8 +1,9 @@
 import { ReactNode } from 'react';
 import { TButtonPropTypes } from '../Button/types';
 export type TTitleSize = 'medium' | 'large';
+export type TModalHeaderIconColor = 'brand' | 'green' | 'blue' | 'red' | 'purple' | 'yellow';
 export interface TModalPropTypes {
-    dataIdPrefix?: string;
+    dataTestIdPrefix?: string;
     closeOnOutsideClick?: boolean;
     isOpen: boolean;
     onClose: () => void;
@@ -21,9 +22,11 @@ export interface TModalPropTypes {
     className?: string;
     confirmBtnTooltipText?: string;
     isMobileFullScreen?: boolean;
+    headerIcon?: ReactNode;
+    headerStatus?: ReactNode;
 }
 export interface TModalConfirmationPropTypes {
-    dataIdPrefix?: string;
+    dataTestIdPrefix?: string;
     closeOnOutsideClick?: boolean;
     isOpen: boolean;
     onClose: () => void;

package/components/More/More.js

@@ -1,3 +1,3 @@
-import{jsxs as c,jsx as m}from"react/jsx-runtime";import{useState as d}from"react";import{Text as i}from"../Text/Text.js";import{Button as f}from"../Button/Button.js";const g=t=>{const{textProps:o={},expandedText:e,collapsedText:s,buttonText:a={expand:"Ավելին",collapse:"Փակել"}}=t,[r,n]=d(!1);/* @__PURE__ */
-return c(i,{...o,className:"more",children:[`${r?e:s}`
-/* @__PURE__ */,m(f,{className:"more__btn ml-4",type:"link",buttonText:r?a.collapse:a.expand,onClick:r?t=>{t.stopPropagation(),n(!1)}:t=>{t.stopPropagation(),n(!0)}})]})};export{g as More};
+import{jsxs as c,jsx as m}from"react/jsx-runtime";import{useState as i}from"react";import{Text as T}from"../Text/Text.js";import{Button as f}from"../Button/Button.js";const g=t=>{const{textProps:e={},expandedText:o,collapsedText:a,buttonText:s={expand:"Ավելին",collapse:"Փակել"},dataTestId:r=""}=t,[n,p]=i(!1);/* @__PURE__ */
+return c(T,{...e,className:"more",dataTestId:r,children:[`${n?o:a}`
+/* @__PURE__ */,m(f,{className:"more__btn ml-4",type:"link",buttonText:n?s.collapse:s.expand,dataTestId:r?`${r}-action`:"",onClick:n?t=>{t.stopPropagation(),p(!1)}:t=>{t.stopPropagation(),p(!0)}})]})};export{g as More};

package/components/More/types.d.ts

@@ -1,5 +1,6 @@
+import { IBaseProps } from '../../type';
 import { TextPropTypes } from '../Text/types';
-export type TMorePropTypes = {
+export type TMorePropTypes = IBaseProps & {
     textProps?: TextPropTypes;
     expandedText: string;
     collapsedText: string;

package/components/MultiSelectV2/MultiSelectV2.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TMultiSelectV2PropTypes } from './types';
+export declare const MultiSelectV2: React.ForwardRefExoticComponent<TMultiSelectV2PropTypes & React.RefAttributes<HTMLInputElement>>;

package/components/MultiSelectV2/MultiSelectV2.js

@@ -0,0 +1,11 @@
+import{jsxs as a,jsx as t}from"react/jsx-runtime";import{forwardRef as P,useState as M,useRef as W,useId as G,useMemo as H}from"react";import b from"classnames";import{Text as d}from"../Text/Text.js";import{Avatar as T}from"../Avatar/Avatar.js";import"../../consts/index.js";import"../../context/types.js";import{useOnOutsideClick as J}from"../../hooks/useOnOutsideClick.js";import"../../hooks/useScreenSize.js";import"react-hook-form";import"react-dom";import{BadgeV2 as K}from"../BadgeV2/BadgeV2.js";import U from"../SVGIcons/IconDismiss.js";import{Label as X}from"../../helperComponents/Label/Label.js";import{ErrorMessage as Y}from"../../helperComponents/ErrorMessage/ErrorMessage.js";const Z=P((e,s)=>{const{options:i,selectedItems:l,value:r,onAdd:o,onRemove:m,setFieldValue:n,name:c,placeholder:u,hasError:p,label:h,labelAddons:v,required:g,disabled:_,error:f,helperText:x,className:y="",dataTestId:w="",size:N="medium",dropdownWidth:j,translations:z,dataTestIdPrefix:C}=e,[I,$]=M(""),[L,k]=M(!1),V=W(null),A=G(),S=C||w,E=void 0!==p?p:!!f,O=H(()=>r||l||[],[r,l]);J(V.current,()=>{k(!1),$("")},L,A);const B=i.filter(e=>{var t;return!O.find(t=>t.id===e.id)&&(e.name.toLowerCase().includes(I.toLowerCase())||(null==(t=e.meta)?void 0:t.toLowerCase().includes(I.toLowerCase())))});/* @__PURE__ */
+return a("div",{className:b("multi-select-v2",`multi-select-v2--${N}`,y,{"multi-select-v2--invalid":E,"multi-select-v2--disabled":_}),children:[
+/* @__PURE__ */t(X,{text:h,required:g,disabled:_,labelAddons:v,dataTestId:w}),
+/* @__PURE__ */a("div",{ref:V,className:b("multi-select-v2__inner","flexbox","align-items--center","gap-8"),"data-test-id":w,children:[O.map(e=>/* @__PURE__ */a("div",{className:b("multi-select-v2__chip",{"multi-select-v2__chip--highlighted":e.highlighted}),children:[
+/* @__PURE__ */t(T,{initials:e.initials,size:"xsmall"}),
+/* @__PURE__ */t(d,{size:"small",type:e.highlighted?"selected":void 0,className:"multi-select-v2__chip-name",children:e.name}),e.badge?/* @__PURE__ */t(K,{text:e.badge,size:"small",type:"gray",style:"light",className:"multi-select-v2__chip-badge",dataTestId:S?`${S}-badge-${e.id}`:void 0}):null,
+/* @__PURE__ */t("button",{type:"button",className:"multi-select-v2__chip-remove",disabled:_,"data-test-id":S?`${S}-chip-remove-${e.id}`:void 0,onClick:()=>(e=>{if(_)return;const t=O.filter(t=>t.id!==e);c&&n&&n(c,t),null==m||m(e)})(e.id),children:/* @__PURE__ */t(U,{size:"xxsmall",type:"tertiary"})})]},e.id)),
+/* @__PURE__ */t("div",{className:"multi-select-v2__search-wrap",children:/* @__PURE__ */t("input",{ref:s,className:"multi-select-v2__search",disabled:_,"data-test-id":S?`${S}-search`:void 0,value:I,placeholder:u,onChange:e=>{$(e.target.value),k(!0)},onFocus:()=>k(!0)})}),L&&!_?/* @__PURE__ */t("div",{className:"multi-select-v2__dropdown",style:j?{width:j,right:"auto"}:void 0,children:B.length>0?B.map(e=>/* @__PURE__ */a("button",{type:"button",className:"multi-select-v2__dropdown-item","data-test-id":S?`${S}-dropdown-item-${e.id}`:void 0,onClick:()=>(e=>{if(_)return;const t=[...O,e];c&&n&&n(c,t),null==o||o(e),$(""),k(!1)})(e),children:[
+/* @__PURE__ */t(T,{initials:e.initials,size:"xsmall"}),
+/* @__PURE__ */a("div",{className:"multi-select-v2__dropdown-info",children:[
+/* @__PURE__ */t(d,{size:"small",weight:"semibold",children:e.name}),e.meta?/* @__PURE__ */t(d,{size:"xsmall",type:"tertiary",children:e.meta}):null]})]},e.id)):/* @__PURE__ */t(d,{size:"small",type:"tertiary",className:"multi-select-v2__dropdown-empty",dataTestId:S?`${S}-dropdown-empty`:void 0,children:null==z?void 0:z.emptyListMainMessage})}):null]}),f||x?/* @__PURE__ */a("div",{className:"multi-select-v2__message mt-8",children:[E&&f?/* @__PURE__ */t(Y,{message:f,icon:"infoFilled",dataTestId:w}):null,!x||E&&f?null:/* @__PURE__ */t(d,{size:"small",type:_?"disabled":"secondary",children:x})]}):null]})});Z.displayName="MultiSelectV2";export{Z as MultiSelectV2};

package/components/MultiSelectV2/index.d.ts

@@ -0,0 +1 @@
+export * from './MultiSelectV2';

package/components/MultiSelectV2/index.js

@@ -0,0 +1 @@
+import{MultiSelectV2 as l}from"./MultiSelectV2.js";export{l as MultiSelectV2};

package/components/MultiSelectV2/types.d.ts

@@ -0,0 +1,30 @@
+import { ReactElement } from 'react';
+import { IFormCompProps } from '../../type';
+export type TMultiSelectOption = {
+    id: string;
+    name: string;
+    initials: string;
+    meta?: string;
+    badge?: string;
+    highlighted?: boolean;
+};
+export type TMultiSelectV2Translations = {
+    emptyListMainMessage?: string;
+};
+export interface TMultiSelectV2PropTypes extends IFormCompProps {
+    options: TMultiSelectOption[];
+    selectedItems?: TMultiSelectOption[];
+    onAdd?: (item: TMultiSelectOption) => void;
+    onRemove?: (id: string) => void;
+    className?: string;
+    label?: string | ReactElement;
+    labelAddons?: ReactElement;
+    required?: boolean;
+    disabled?: boolean;
+    error?: string | ReactElement;
+    helperText?: string;
+    size?: 'small' | 'medium' | 'large';
+    dropdownWidth?: number;
+    translations?: TMultiSelectV2Translations;
+    dataTestIdPrefix?: string;
+}

package/components/Pagination/Pagination.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import f from"react-paginate";import{ICON_SIZE_MAPPING as n,PAGE_RANGE_DISPLAYED as P}from"./consts.js";import h from"classnames";import _ from"../SVGIcons/IconChevronRight.js";import N from"../SVGIcons/IconChevronLeft.js";import v from"../SVGIcons/IconMore.js";const z=a=>{const{totalCount:i,handleChangePage:o,classname:s="",size:r="large",pageSize:t,disableInitialCallback:l=!1,page:m,breakLabel:p=/* @__PURE__ */e(v,{size:n[r]}),labels:c={previous:/* @__PURE__ */e(N,{size:n[r]}),next:/* @__PURE__ */e(_,{size:n[r]})}}=a;/* @__PURE__ */
-return e("div",{className:"pagination-wrapper flexbox",children:/* @__PURE__ */e(f,{pageCount:Math.ceil(i/t),disableInitialCallback:l,pageRangeDisplayed:P,marginPagesDisplayed:1,onPageChange:({selected:a})=>{o(a+1)},containerClassName:h(`pagination pagination--${r}`,s),activeClassName:"active",previousLabel:null==c?void 0:c.previous,nextLabel:null==c?void 0:c.next,breakClassName:"pagination__more",breakLinkClassName:"pagination__more__link",breakLabel:p,...m?{forcePage:m-1}:{}})})};export{z as Pagination};
+import{jsx as t}from"react/jsx-runtime";import I from"react-paginate";import{ICON_SIZE_MAPPING as n,PAGE_RANGE_DISPLAYED as f}from"./consts.js";import P from"classnames";import h from"../SVGIcons/IconChevronRight.js";import _ from"../SVGIcons/IconChevronLeft.js";import v from"../SVGIcons/IconMore.js";const A=a=>{const{totalCount:e,handleChangePage:s,classname:i="",size:o="large",pageSize:r,disableInitialCallback:l=!1,page:m,dataTestId:p="",breakLabel:c=/* @__PURE__ */t(v,{size:n[o],dataTestId:p?`${p}-more`:""}),labels:g={previous:/* @__PURE__ */t(_,{size:n[o],dataTestId:p?`${p}-prev`:""}),next:/* @__PURE__ */t(h,{size:n[o],dataTestId:p?`${p}-next`:""})}}=a;/* @__PURE__ */
+return t("div",{className:"pagination-wrapper flexbox","data-test-id":p,children:/* @__PURE__ */t(I,{pageCount:Math.ceil(e/r),disableInitialCallback:l,pageRangeDisplayed:f,marginPagesDisplayed:1,onPageChange:({selected:a})=>{s(a+1)},containerClassName:P(`pagination pagination--${o}`,i),activeClassName:"active",previousLabel:null==g?void 0:g.previous,nextLabel:null==g?void 0:g.next,breakClassName:"pagination__more",breakLinkClassName:"pagination__more__link",breakLabel:c,...m?{forcePage:m-1}:{}})})};export{A as Pagination};

package/components/Pagination/types.d.ts

@@ -1,5 +1,6 @@
+import { IBaseProps } from '../../type';
 import { ReactElement } from 'react';
-export type TPaginationProps = {
+export type TPaginationProps = IBaseProps & {
     labels?: {
         next: string | ReactElement;
         previous: string | ReactElement;

package/components/Popover/PopoverDesktop.js

@@ -1 +1 @@
-import{jsxs as u,Fragment as k,jsx as t}from"react/jsx-runtime";import{useState as h,useId as g}from"react";import{useGetTooltipStyles as x}from"../../hooks/useGetTooltipStyles.js";import{useHideOnScroll as y}from"../../hooks/useHideOnScroll.js";import"../../context/types.js";import{useOnOutsideClick as I}from"../../hooks/useOnOutsideClick.js";import"../../hooks/useScreenSize.js";import"react-hook-form";import L from"classnames";import{Link as N}from"../Link/Link.js";import{Text as P}from"../Text/Text.js";const A=e=>{const{dataId:o,text:s,linkAddons:r,className:i="",position:a="top-left",children:l,hideMessage:n,parent:p,clicked:m=!1}=e,[d,c]=h(null),{tooltipPosition:f,tooltipStyles:v}=x({elemRef:p,tooltipRef:d,initialPosition:a});return y(n,p),I(d,n,m,g()),/* @__PURE__ */u(k,{children:[m&&/* @__PURE__ */t("div",{"data-id":o?`${o}-popover-content`:"",className:L(`popover popover--${f}`,i),ref:c,style:v,children:/* @__PURE__ */t("div",{className:"popover__inner scrollbar scrollbar--vertical pr-8",children:r?/* @__PURE__ */t(N,{dataId:r.dataId,url:r.url,beforeLink:r.beforeLink,afterLink:r.afterLink,target:r.target,className:"popover__link",children:s}):/* @__PURE__ */t(P,{dataId:o?`${o}-popover-text`:"",type:"primary",weight:"regular",lineHeight:"medium",size:"small",as:"div",children:s})})}),l]})};export{A as PopoverDesktop};
+import{jsxs as u,Fragment as k,jsx as t}from"react/jsx-runtime";import{useState as h,useId as g}from"react";import{useGetTooltipStyles as x}from"../../hooks/useGetTooltipStyles.js";import{useHideOnScroll as y}from"../../hooks/useHideOnScroll.js";import"../../context/types.js";import{useOnOutsideClick as T}from"../../hooks/useOnOutsideClick.js";import"../../hooks/useScreenSize.js";import"react-hook-form";import I from"classnames";import{Link as L}from"../Link/Link.js";import{Text as N}from"../Text/Text.js";const A=e=>{const{dataTestId:o,text:s,linkAddons:r,className:i="",position:a="top-left",children:l,hideMessage:n,parent:p,clicked:m=!1}=e,[d,c]=h(null),{tooltipPosition:f,tooltipStyles:v}=x({elemRef:p,tooltipRef:d,initialPosition:a});return y(n,p),T(d,n,m,g()),/* @__PURE__ */u(k,{children:[m&&/* @__PURE__ */t("div",{"data-test-id":o?`${o}-popover-content`:"",className:I(`popover popover--${f}`,i),ref:c,style:v,children:/* @__PURE__ */t("div",{className:"popover__inner scrollbar scrollbar--vertical pr-8",children:r?/* @__PURE__ */t(L,{dataTestId:r.dataTestId,url:r.url,beforeLink:r.beforeLink,afterLink:r.afterLink,target:r.target,className:"popover__link",children:s}):/* @__PURE__ */t(N,{dataTestId:o?`${o}-popover-text`:"",type:"primary",weight:"regular",lineHeight:"medium",size:"small",as:"div",children:s})})}),l]})};export{A as PopoverDesktop};

package/components/Popover/PopoverMobile.js

@@ -1,3 +1,3 @@
-import{jsxs as p,Fragment as l,jsx as r}from"react/jsx-runtime";import{Modal as s}from"../Modal/Modal.js";import"react";import"classnames";import"../../consts/index.js";import"../../context/types.js";import"../../hooks/useScreenSize.js";import"react-hook-form";import{Text as c}from"../Text/Text.js";import"react-dom";import{Link as f}from"../Link/Link.js";const y=e=>{const{dataId:t,text:o,linkAddons:i,mobileTitle:a,hideMessage:n,clicked:m=!1,children:d}=e;/* @__PURE__ */
+import{jsxs as p,Fragment as l,jsx as t}from"react/jsx-runtime";import{Modal as s}from"../Modal/Modal.js";import"react";import"classnames";import"../../consts/index.js";import"../../context/types.js";import"../../hooks/useScreenSize.js";import"react-hook-form";import{Text as c}from"../Text/Text.js";import"react-dom";import{Link as f}from"../Link/Link.js";const j=e=>{const{dataTestId:r,text:o,linkAddons:i,mobileTitle:a,hideMessage:n,clicked:m=!1,children:d}=e;/* @__PURE__ */
 return p(l,{children:[
-/* @__PURE__ */r(s,{closeIcon:!0,title:a,onClose:n,isOpen:m,children:m&&/* @__PURE__ */r(l,{children:i?/* @__PURE__ */r(f,{dataId:i.dataId,url:i.url,beforeLink:i.beforeLink,afterLink:i.afterLink,target:i.target,className:"popover__link",children:o}):/* @__PURE__ */r(c,{dataId:t?`${t}-popover-text`:"",type:"primary",weight:"regular",lineHeight:"medium",size:"small",children:o})})}),d]})};export{y as PopoverMobile};
+/* @__PURE__ */t(s,{closeIcon:!0,title:a,onClose:n,isOpen:m,children:m&&/* @__PURE__ */t(l,{children:i?/* @__PURE__ */t(f,{dataTestId:i.dataTestId,url:i.url,beforeLink:i.beforeLink,afterLink:i.afterLink,target:i.target,className:"popover__link",children:o}):/* @__PURE__ */t(c,{dataTestId:r?`${r}-popover-text`:"",type:"primary",weight:"regular",lineHeight:"medium",size:"small",children:o})})}),d]})};export{j as PopoverMobile};

package/components/Popover/types.d.ts

@@ -1,3 +1,4 @@
+import { IFormCompProps } from '../../type';
 import { ReactElement, ReactNode } from 'react';
 import { LinkPropTypes } from '../Link/types';
 export interface TPopoverProps extends IFormCompProps {

package/components/Progress/Progress.js

@@ -1,4 +1,4 @@
-import{jsxs as d,jsx as s}from"react/jsx-runtime";var $=/* @__PURE__ */(s=>(s[s.small=29]="small",s[s.large=45]="large",s))($||{});const y=r=>{const{percent:e,stepCount:a,currentStep:l,type:c="linear",size:t="large",noText:o=!1,dimension:i,className:n="",loop:p=!1}=r,g=i||$[t],m=g-5,h=a&&l?l/a*100:e,y=2*m*3.14+"px";/* @__PURE__ */
-return d("div",{className:`progress-bar progress-bar--${c} progress-bar--${t} ${n}${p?" progress-bar--loop":""}`,style:"circle"==c?{width:2*g,height:2*g}:{},children:["circle"==c?/* @__PURE__ */d("svg",{children:[
-/* @__PURE__ */s("circle",{cx:g,cy:g,r:m}),
-/* @__PURE__ */s("circle",{cx:g,cy:g,r:m,style:{strokeDasharray:y,strokeDashoffset:`calc(${y} - (${y} * ${h}) / 100)`}})]}):/* @__PURE__ */s("div",{className:"progress-bar__inner",children:/* @__PURE__ */s("div",{className:"progress-bar__filled",style:{width:`${h}%`}})}),o?null:/* @__PURE__ */s("span",{className:"progress-bar__percent",children:a?`${l}/${a}`:`${e}%`})]})};export{y as Progress};
+import{jsxs as $,jsx as r}from"react/jsx-runtime";var m=/* @__PURE__ */(r=>(r[r.small=29]="small",r[r.large=45]="large",r))(m||{});const f=e=>{const{percent:s,stepCount:a,currentStep:t,type:l="linear",size:c="large",noText:i=!1,dimension:o,className:n="",loop:p=!1,dataTestId:d=""}=e,g=o||m[c],h=g-5,x=a&&t?t/a*100:s,b=2*h*3.14+"px";/* @__PURE__ */
+return $("div",{"data-test-id":d,className:`progress-bar progress-bar--${l} progress-bar--${c} ${n}${p?" progress-bar--loop":""}`,style:"circle"==l?{width:2*g,height:2*g}:{},children:["circle"==l?/* @__PURE__ */$("svg",{children:[
+/* @__PURE__ */r("circle",{cx:g,cy:g,r:h}),
+/* @__PURE__ */r("circle",{cx:g,cy:g,r:h,style:{strokeDasharray:b,strokeDashoffset:`calc(${b} - (${b} * ${x}) / 100)`}})]}):/* @__PURE__ */r("div",{className:"progress-bar__inner",children:/* @__PURE__ */r("div",{className:"progress-bar__filled",style:{width:`${x}%`}})}),i?null:/* @__PURE__ */r("span",{className:"progress-bar__percent","data-test-id":d?`${d}-text`:"",children:a?`${t}/${a}`:`${s}%`})]})};export{f as Progress};

package/components/Progress/types.d.ts

@@ -1,4 +1,5 @@
-export interface TProgressPropTypes {
+import { IBaseProps } from '../../type';
+export interface TProgressPropTypes extends IBaseProps {
     percent?: number;
     stepCount?: number;
     currentStep?: number;

package/components/ProgressStep/ProgressStep.js

@@ -1,2 +1,2 @@
-import{jsx as s}from"react/jsx-runtime";import m from"classnames";import{Step as S}from"./Step.js";const v=e=>{const{steps:t,stepType:p,activeStep:r,setActiveStep:i,stepSize:o="large",stepDirection:a="horizontal"}=e,n=100/t.length+"%";/* @__PURE__ */
-return s("div",{className:m("progress-stepper",`progress-stepper--${a}`),children:t.map((e,t)=>/* @__PURE__ */s(S,{width:"horizontal"==a?n:"100%",step:e,index:t+1,activeStep:r,onStepClick:i,stepType:p,stepSize:o},e.value))})};export{v as ProgressStep};
+import{jsx as o}from"react/jsx-runtime";import m from"classnames";import{Step as S}from"./Step.js";const $=e=>{const{steps:t,stepType:s,activeStep:p,setActiveStep:r,stepSize:a="large",stepDirection:i="horizontal",dataTestId:n=""}=e,c=100/t.length+"%";/* @__PURE__ */
+return o("div",{className:m("progress-stepper",`progress-stepper--${i}`),"data-test-id":n,children:t.map((e,t)=>/* @__PURE__ */o(S,{width:"horizontal"==i?c:"100%",step:e,index:t+1,activeStep:p,onStepClick:r,stepType:s,stepSize:a,dataTestId:n?`${n}-item-${t}`:""},e.value))})};export{$ as ProgressStep};

package/components/ProgressStep/Step.js

@@ -1,9 +1,9 @@
-import{jsx as e,jsxs as f}from"react/jsx-runtime";import v from"classnames";import{useMemo as h}from"react";import{Text as n}from"../Text/Text.js";import{StepTypes as g}from"./types.js";import{PROGRESS_STATUSES as a}from"./consts.js";import w from"../SVGIcons/IconDismissCircle.js";import j from"../SVGIcons/IconCheckmarkCircle.js";const H=s=>{const{width:t,step:r,stepSize:i="large",index:l,activeStep:c,stepType:m,onStepClick:o}=s,{label:p,subText:d,value:u,status:x}=r,S=c===u,_=x===a.completed,T=x===a.rejected,b=x===a.reviewed,y=h(()=>S&&!T?"brand":_||T?"inverse":"tertiary",[_,T,S]),N=h(()=>{if(m===g.number)/* @__PURE__ */
-return e(n,{type:y,size:"large"==i?"medium":"small",weight:"large"==i?"semibold":"regular",children:`${l}`});if(m===g.dot){if(S)/* @__PURE__ */
-return e("span",{className:v("step__circle__dot")});if(_){const s="large"==i?"small":"xsmall";/* @__PURE__ */
-return e(T?w:j,{size:s,type:"inverse"})}}return null},[l,m,i,_,S,T,y]);/* @__PURE__ */
-return f("div",{className:v("step",`step--${i}`,{active:S,completed:_&&!S,rejected:T,review:b}),style:{width:t},onClick:()=>{o&&o(u)},children:[
-/* @__PURE__ */e("div",{className:"step__top",children:/* @__PURE__ */e("div",{className:"step__circle",children:N})}),
-/* @__PURE__ */f("div",{className:"step__label",children:[
-/* @__PURE__ */e(n,{size:"large"==i?"standard":"small",weight:"semibold",lineHeight:"large",className:"text-truncate",children:p}),
-/* @__PURE__ */e(n,{size:"large"==i?"small":"xsmall",className:"text-truncate",children:d})]})]})};export{H as Step};
+import{jsx as t,jsxs as v}from"react/jsx-runtime";import T from"classnames";import{useMemo as h}from"react";import{Text as n}from"../Text/Text.js";import{StepTypes as x}from"./types.js";import{PROGRESS_STATUSES as o}from"./consts.js";import $ from"../SVGIcons/IconDismissCircle.js";import w from"../SVGIcons/IconCheckmarkCircle.js";const M=e=>{const{width:s,step:a,stepSize:r="large",index:i,activeStep:l,stepType:c,onStepClick:m,dataTestId:d=""}=e,{label:p,subText:u,value:f,status:S}=a,g=l===f,_=S===o.completed,b=S===o.rejected,j=S===o.reviewed,I=h(()=>g&&!b?"brand":_||b?"inverse":"tertiary",[_,b,g]),y=h(()=>{if(c===x.number)/* @__PURE__ */
+return t(n,{type:I,size:"large"==r?"medium":"small",weight:"large"==r?"semibold":"regular",dataTestId:d?`${d}-number`:"",children:`${i}`});if(c===x.dot){if(g)/* @__PURE__ */
+return t("span",{className:T("step__circle__dot")});if(_){const e="large"==r?"small":"xsmall";/* @__PURE__ */
+return t(b?$:w,{size:e,type:"inverse",dataTestId:d?`${d}-icon`:""})}}return null},[i,c,r,_,g,b,I,d]);/* @__PURE__ */
+return v("div",{className:T("step",`step--${r}`,{active:g,completed:_&&!g,rejected:b,review:j}),style:{width:s},onClick:()=>{m&&m(f)},"data-test-id":d,children:[
+/* @__PURE__ */t("div",{className:"step__top",children:/* @__PURE__ */t("div",{className:"step__circle",children:y})}),
+/* @__PURE__ */v("div",{className:"step__label",children:[
+/* @__PURE__ */t(n,{size:"large"==r?"standard":"small",weight:"semibold",lineHeight:"large",className:"text-truncate",dataTestId:d?`${d}-label`:"",children:p}),
+/* @__PURE__ */t(n,{size:"large"==r?"small":"xsmall",className:"text-truncate",dataTestId:d?`${d}-subtext`:"",children:u})]})]})};export{M as Step};

package/components/ProgressStep/types.d.ts

@@ -1,3 +1,4 @@
+import { IBaseProps } from '../../type';
 import { PROGRESS_STATUSES } from './consts';
 export type TStepValue = number | string;
 export interface TStep {
@@ -8,7 +9,7 @@ export interface TStep {
 }
 export type TStepType = 'number' | 'dot';
 export type TSteps = TStep[];
-export type TProgressStepProps = {
+export type TProgressStepProps = IBaseProps & {
     steps: TSteps;
     stepType: TStepType;
     stepDirection: 'horizontal' | 'vertical';
@@ -16,7 +17,7 @@ export type TProgressStepProps = {
     activeStep: TStepValue;
     setActiveStep: (v: TStepValue) => void;
 };
-export type TStepProps = {
+export type TStepProps = IBaseProps & {
     width: string;
     step: TStep;
     stepSize?: 'large' | 'small';

package/components/Radio/Radio.js

@@ -1,4 +1,4 @@
-import{jsxs as t,jsx as l}from"react/jsx-runtime";import{forwardRef as _}from"react";import{Text as m}from"../Text/Text.js";import x from"classnames";const y=_((e,a)=>{const{name:r,label:s,helperText:o,disabled:d,setFieldValue:i,isSelected:c,value:n,className:p="",onClick:b,dataId:h="",iconProps:y}=e,u=!!n||!!c,_=y||/* @__PURE__ */l("span",{className:"controller__icon"});/* @__PURE__ */
-return t("label",{className:x("controller","controller--radio",p,{"controller--disabled":d}),children:[
-/* @__PURE__ */l("input",{"data-id":h,type:"radio",tabIndex:0,onChange:()=>{r&&i&&i(r,!u,{shouldValidate:!u}),b&&b(!u)},checked:c,disabled:d}),_,s?/* @__PURE__ */t("div",{className:"controller__right",children:[
-/* @__PURE__ */l(m,{type:d?"disabled":"primary",className:"controller__label",children:s}),o?/* @__PURE__ */l(m,{size:"small",type:d?"disabled":"secondary",children:o}):null]}):null]})});y.displayName="Radio";export{y as Radio};
+import{jsxs as c,jsx as l}from"react/jsx-runtime";import{forwardRef as _}from"react";import{Text as m}from"../Text/Text.js";import x from"classnames";const y=_((e,a)=>{const{name:s,label:r,helperText:o,disabled:t,setFieldValue:d,isSelected:i,value:n,className:p="",onClick:b,dataTestId:h="",iconProps:y}=e,u=!!n||!!i,_=y||/* @__PURE__ */l("span",{className:"controller__icon"});/* @__PURE__ */
+return c("label",{className:x("controller","controller--radio",p,{"controller--disabled":t}),children:[
+/* @__PURE__ */l("input",{"data-test-id":h,type:"radio",tabIndex:0,onChange:()=>{s&&d&&d(s,!u,{shouldValidate:!u}),b&&b(!u)},checked:i,disabled:t}),_,r?/* @__PURE__ */c("div",{className:"controller__right",children:[
+/* @__PURE__ */l(m,{type:t?"disabled":"primary",className:"controller__label",children:r}),o?/* @__PURE__ */l(m,{size:"small",type:t?"disabled":"secondary",children:o}):null]}):null]})});y.displayName="Radio";export{y as Radio};

package/components/Radio/RadioGroup.js

@@ -1,4 +1,4 @@
 import{jsxs as b,jsx as l}from"react/jsx-runtime";import{forwardRef as g}from"react";import{Radio as N}from"./Radio.js";import{Label as x}from"../../helperComponents/Label/Label.js";import _ from"classnames";const R=g((a,e)=>{const{isHorizontal:r=!1,name:o,options:s,setFieldValue:d,value:i,handleChange:t,label:m,required:n,disabled:p,className:u,labelAddons:c,hasError:h,selected:g}=a;/* @__PURE__ */
 return b("div",{className:_("radio-group",{"radio-group--horizontal":r,"radio-group--vertical":!r},u),children:[
 /* @__PURE__ */l(x,{className:"radio-group__label",text:m,invalid:h,required:n,disabled:p,labelAddons:c}),
-/* @__PURE__ */l("div",{className:"radio-group__inner",children:s.map(a=>/* @__PURE__ */l(N,{label:a.label,helperText:a.helperText,name:o,disabled:p,className:"radio-group__item",isSelected:a.value===i||a.value===g,onClick:()=>(a=>{o&&d&&d(o,a,{shouldValidate:!0}),t&&t(a)})(a.value),dataId:a.dataId},a.value))})]})});R.displayName="RadioGroup";export{R as RadioGroup};
+/* @__PURE__ */l("div",{className:"radio-group__inner",children:s.map(a=>/* @__PURE__ */l(N,{label:a.label,helperText:a.helperText,name:o,disabled:p,className:"radio-group__item",isSelected:a.value===i||a.value===g,onClick:()=>(a=>{o&&d&&d(o,a,{shouldValidate:!0}),t&&t(a)})(a.value),dataTestId:a.dataTestId},a.value))})]})});R.displayName="RadioGroup";export{R as RadioGroup};

package/components/Radio/types.d.ts

@@ -1,3 +1,4 @@
+import { IBaseProps, IFormCompProps } from '../../type';
 import { ReactElement } from 'react';
 export interface TRadioProps extends IFormCompProps {
     showRadioIcon?: boolean;
@@ -9,17 +10,16 @@ export interface TRadioProps extends IFormCompProps {
     isSelected?: boolean;
     onClick?: (isChecked: boolean) => void;
 }
-export type TRadioOptionItem = {
+export type TRadioOptionItem = IBaseProps & {
     value: number | string;
     label: string;
     helperText?: string | ReactElement;
-    dataId?: string;
 };
 export interface TRadioGroupProps extends IFormCompProps {
     label?: string | ReactElement;
     className?: string;
     isHorizontal?: boolean;
-    selected: number | string;
+    selected?: number | string;
     options: TRadioOptionItem[];
     handleChange?: (selected: number | string) => void;
     required?: boolean;

package/components/SVGIcons/IconAdd.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
 import { ISVGIconProps } from '../../type';
-declare const IconAdd: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+declare const IconAdd: ({ size, type, className, onClick, refHandler, id, dataTestId }: ISVGIconProps) => ReactElement;
 export default IconAdd;

package/components/SVGIcons/IconAdd.js

@@ -1 +1 @@
-import{jsx as c}from"react/jsx-runtime";import L from"classnames";const v=({size:s,type:e,className:i="",onClick:a,refHandler:o,id:n,dataId:t})=>/* @__PURE__ */c("svg",{xmlns:"http://www.w3.org/2000/svg",className:L("svg-icon",{[`svg-icon__size-${s}`]:s,[`svg-icon__type-${e}`]:e,[i]:i}),viewBox:"0 0 24 24",fill:"none",onClick:a,ref:o,id:n,"data-id":t?`${t}-svg-icon`:"",children:/* @__PURE__ */c("path",{d:"M11.7501 3C12.1298 3 12.4436 3.28201 12.4934 3.64808L12.5002 3.74985L12.5014 11H19.7545C20.1687 11 20.5045 11.3358 20.5045 11.75C20.5045 12.1297 20.2224 12.4435 19.8563 12.4932L19.7545 12.5H12.5014L12.5035 19.7491C12.5036 20.1633 12.1679 20.4993 11.7536 20.4993C11.3739 20.4993 11.0601 20.2173 11.0104 19.8512L11.0035 19.7494L11.0014 12.5H3.75244C3.33823 12.5 3.00244 12.1642 3.00244 11.75C3.00244 11.3703 3.2846 11.0565 3.65067 11.0068L3.75244 11H11.0014L11.0002 3.75015C11.0002 3.33594 11.3359 3 11.7501 3Z"})});export{v as default};
+import{jsx as t}from"react/jsx-runtime";import L from"classnames";const v=({size:s,type:e,className:i="",onClick:a,refHandler:o,id:n,dataTestId:c})=>/* @__PURE__ */t("svg",{xmlns:"http://www.w3.org/2000/svg",className:L("svg-icon",{[`svg-icon__size-${s}`]:s,[`svg-icon__type-${e}`]:e,[i]:i}),viewBox:"0 0 24 24",fill:"none",onClick:a,ref:o,id:n,"data-test-id":c?`${c}-svg-icon`:"",children:/* @__PURE__ */t("path",{d:"M11.7501 3C12.1298 3 12.4436 3.28201 12.4934 3.64808L12.5002 3.74985L12.5014 11H19.7545C20.1687 11 20.5045 11.3358 20.5045 11.75C20.5045 12.1297 20.2224 12.4435 19.8563 12.4932L19.7545 12.5H12.5014L12.5035 19.7491C12.5036 20.1633 12.1679 20.4993 11.7536 20.4993C11.3739 20.4993 11.0601 20.2173 11.0104 19.8512L11.0035 19.7494L11.0014 12.5H3.75244C3.33823 12.5 3.00244 12.1642 3.00244 11.75C3.00244 11.3703 3.2846 11.0565 3.65067 11.0068L3.75244 11H11.0014L11.0002 3.75015C11.0002 3.33594 11.3359 3 11.7501 3Z"})});export{v as default};

package/components/SVGIcons/IconAddCircle.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
 import { ISVGIconProps } from '../../type';
-declare const IconAddCircle: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+declare const IconAddCircle: ({ size, type, className, onClick, refHandler, id, dataTestId }: ISVGIconProps) => ReactElement;
 export default IconAddCircle;

package/components/SVGIcons/IconAddCircle.js

@@ -1 +1 @@
-import{jsx as C}from"react/jsx-runtime";import g from"classnames";const t=({size:e,type:i,className:s="",onClick:a,refHandler:t,id:n,dataId:o})=>/* @__PURE__ */C("svg",{xmlns:"http://www.w3.org/2000/svg",className:g("svg-icon",{[`svg-icon__size-${e}`]:e,[`svg-icon__type-${i}`]:i,[s]:s}),viewBox:"0 0 24 24",fill:"none",onClick:a,ref:t,id:n,"data-id":o?`${o}-svg-icon`:"",children:/* @__PURE__ */C("g",{id:"Size=24, Theme=Regular",children:/* @__PURE__ */C("path",{id:"Shape",d:"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5ZM12 7C12.4142 7 12.75 7.33579 12.75 7.75V11.25H16.25C16.6642 11.25 17 11.5858 17 12C17 12.4142 16.6642 12.75 16.25 12.75H12.75V16.25C12.75 16.6642 12.4142 17 12 17C11.5858 17 11.25 16.6642 11.25 16.25V12.75H7.75C7.33579 12.75 7 12.4142 7 12C7 11.5858 7.33579 11.25 7.75 11.25H11.25V7.75C11.25 7.33579 11.5858 7 12 7Z"})})});export{t as default};
+import{jsx as C}from"react/jsx-runtime";import g from"classnames";const d=({size:e,type:s,className:i="",onClick:a,refHandler:t,id:d,dataTestId:n})=>/* @__PURE__ */C("svg",{xmlns:"http://www.w3.org/2000/svg",className:g("svg-icon",{[`svg-icon__size-${e}`]:e,[`svg-icon__type-${s}`]:s,[i]:i}),viewBox:"0 0 24 24",fill:"none",onClick:a,ref:t,id:d,"data-test-id":n?`${n}-svg-icon`:"",children:/* @__PURE__ */C("g",{id:"Size=24, Theme=Regular",children:/* @__PURE__ */C("path",{id:"Shape",d:"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5ZM12 7C12.4142 7 12.75 7.33579 12.75 7.75V11.25H16.25C16.6642 11.25 17 11.5858 17 12C17 12.4142 16.6642 12.75 16.25 12.75H12.75V16.25C12.75 16.6642 12.4142 17 12 17C11.5858 17 11.25 16.6642 11.25 16.25V12.75H7.75C7.33579 12.75 7 12.4142 7 12C7 11.5858 7.33579 11.25 7.75 11.25H11.25V7.75C11.25 7.33579 11.5858 7 12 7Z"})})});export{d as default};

package/components/SVGIcons/IconAddCircleFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
 import { ISVGIconProps } from '../../type';
-declare const IconAddCircleFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+declare const IconAddCircleFilled: ({ size, type, className, onClick, refHandler, id, dataTestId }: ISVGIconProps) => ReactElement;
 export default IconAddCircleFilled;

package/components/SVGIcons/IconAddCircleFilled.js

@@ -1 +1 @@
-import{jsx as i}from"react/jsx-runtime";import d from"classnames";const t=({size:e,type:s,className:a="",onClick:t,refHandler:n,id:o,dataId:l})=>/* @__PURE__ */i("svg",{xmlns:"http://www.w3.org/2000/svg",className:d("svg-icon",{[`svg-icon__size-${e}`]:e,[`svg-icon__type-${s}`]:s,[a]:a}),viewBox:"0 0 24 24",fill:"none",onClick:t,ref:n,id:o,"data-id":l?`${l}-svg-icon`:"",children:/* @__PURE__ */i("g",{id:"Size=24, Theme=Filled",children:/* @__PURE__ */i("path",{id:"Shape",d:"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 7C11.6203 7 11.3065 7.28215 11.2568 7.64823L11.25 7.75V11.25H7.75C7.33579 11.25 7 11.5858 7 12C7 12.3797 7.28215 12.6935 7.64823 12.7432L7.75 12.75H11.25V16.25C11.25 16.6642 11.5858 17 12 17C12.3797 17 12.6935 16.7178 12.7432 16.3518L12.75 16.25V12.75H16.25C16.6642 12.75 17 12.4142 17 12C17 11.6203 16.7178 11.3065 16.3518 11.2568L16.25 11.25H12.75V7.75C12.75 7.33579 12.4142 7 12 7Z"})})});export{t as default};
+import{jsx as i}from"react/jsx-runtime";import d from"classnames";const g=({size:e,type:s,className:a="",onClick:t,refHandler:n,id:o,dataTestId:l})=>/* @__PURE__ */i("svg",{xmlns:"http://www.w3.org/2000/svg",className:d("svg-icon",{[`svg-icon__size-${e}`]:e,[`svg-icon__type-${s}`]:s,[a]:a}),viewBox:"0 0 24 24",fill:"none",onClick:t,ref:n,id:o,"data-test-id":l?`${l}-svg-icon`:"",children:/* @__PURE__ */i("g",{id:"Size=24, Theme=Filled",children:/* @__PURE__ */i("path",{id:"Shape",d:"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 7C11.6203 7 11.3065 7.28215 11.2568 7.64823L11.25 7.75V11.25H7.75C7.33579 11.25 7 11.5858 7 12C7 12.3797 7.28215 12.6935 7.64823 12.7432L7.75 12.75H11.25V16.25C11.25 16.6642 11.5858 17 12 17C12.3797 17 12.6935 16.7178 12.7432 16.3518L12.75 16.25V12.75H16.25C16.6642 12.75 17 12.4142 17 12C17 11.6203 16.7178 11.3065 16.3518 11.2568L16.25 11.25H12.75V7.75C12.75 7.33579 12.4142 7 12 7Z"})})});export{g as default};

package/components/SVGIcons/IconAddFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
 import { ISVGIconProps } from '../../type';
-declare const IconAddFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+declare const IconAddFilled: ({ size, type, className, onClick, refHandler, id, dataTestId }: ISVGIconProps) => ReactElement;
 export default IconAddFilled;

package/components/SVGIcons/IconAddFilled.js

@@ -1 +1 @@
-import{jsx as L}from"react/jsx-runtime";import r from"classnames";const g=({size:s,type:e,className:i="",onClick:a,refHandler:o,id:n,dataId:t})=>/* @__PURE__ */L("svg",{xmlns:"http://www.w3.org/2000/svg",className:r("svg-icon",{[`svg-icon__size-${s}`]:s,[`svg-icon__type-${e}`]:e,[i]:i}),viewBox:"0 0 24 24",fill:"none",onClick:a,ref:o,id:n,"data-id":t?`${t}-svg-icon`:"",children:/* @__PURE__ */L("path",{d:"M11.8834 3.00673L12 3C12.5128 3 12.9355 3.38604 12.9933 3.88338L13 4V11H20C20.5128 11 20.9355 11.386 20.9933 11.8834L21 12C21 12.5128 20.614 12.9355 20.1166 12.9933L20 13H13V20C13 20.5128 12.614 20.9355 12.1166 20.9933L12 21C11.4872 21 11.0645 20.614 11.0067 20.1166L11 20V13H4C3.48716 13 3.06449 12.614 3.00673 12.1166L3 12C3 11.4872 3.38604 11.0645 3.88338 11.0067L4 11H11V4C11 3.48716 11.386 3.06449 11.8834 3.00673L12 3L11.8834 3.00673Z"})});export{g as default};
+import{jsx as L}from"react/jsx-runtime";import l from"classnames";const g=({size:s,type:e,className:i="",onClick:t,refHandler:a,id:o,dataTestId:n})=>/* @__PURE__ */L("svg",{xmlns:"http://www.w3.org/2000/svg",className:l("svg-icon",{[`svg-icon__size-${s}`]:s,[`svg-icon__type-${e}`]:e,[i]:i}),viewBox:"0 0 24 24",fill:"none",onClick:t,ref:a,id:o,"data-test-id":n?`${n}-svg-icon`:"",children:/* @__PURE__ */L("path",{d:"M11.8834 3.00673L12 3C12.5128 3 12.9355 3.38604 12.9933 3.88338L13 4V11H20C20.5128 11 20.9355 11.386 20.9933 11.8834L21 12C21 12.5128 20.614 12.9355 20.1166 12.9933L20 13H13V20C13 20.5128 12.614 20.9355 12.1166 20.9933L12 21C11.4872 21 11.0645 20.614 11.0067 20.1166L11 20V13H4C3.48716 13 3.06449 12.614 3.00673 12.1166L3 12C3 11.4872 3.38604 11.0645 3.88338 11.0067L4 11H11V4C11 3.48716 11.386 3.06449 11.8834 3.00673L12 3L11.8834 3.00673Z"})});export{g as default};

package/components/SVGIcons/IconAirplaneTakeOff.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
 import { ISVGIconProps } from '../../type';
-declare const IconAirplaneTakeOff: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+declare const IconAirplaneTakeOff: ({ size, type, className, onClick, refHandler, id, dataTestId }: ISVGIconProps) => ReactElement;
 export default IconAirplaneTakeOff;

package/components/SVGIcons/IconAirplaneTakeOff.js

@@ -1 +1 @@
-import{jsx as i}from"react/jsx-runtime";import c from"classnames";const f=({size:C,type:s,className:e="",onClick:L,refHandler:a,id:o,dataId:n})=>/* @__PURE__ */i("svg",{xmlns:"http://www.w3.org/2000/svg",className:c("svg-icon",{[`svg-icon__size-${C}`]:C,[`svg-icon__type-${s}`]:s,[e]:e}),viewBox:"0 0 24 24",fill:"none",onClick:L,ref:a,id:o,"data-id":n?`${n}-svg-icon`:"",children:/* @__PURE__ */i("path",{d:"M8.31551 8.40816L7.54364 7.28135C6.59057 5.89 7.58682 4 9.27329 4C9.75351 4 10.2192 4.16486 10.5924 4.46701L13.1732 6.55618C13.4827 6.22856 13.852 5.87691 14.2634 5.55966C14.9221 5.0518 15.7632 4.57418 16.6924 4.50263C18.9302 4.33032 20.6017 5.7461 21.547 6.82923C22.0357 7.38921 22.1337 8.09723 21.9247 8.71205C21.7201 9.31393 21.2312 9.80871 20.5828 10.0323L15.212 11.8842L12.0496 16.1009C11.6249 16.6672 10.9584 17.0004 10.2506 17.0004C8.83529 17.0004 7.77186 15.7086 8.04385 14.3196L8.29513 13.0364L5.7653 13.5826C4.34291 13.8897 3 12.8058 3 11.3506V7.69166C3 6.75761 3.7572 6.00041 4.69125 6.00041C5.31015 6.00041 5.87962 6.33847 6.17598 6.8818L7.14191 8.65266L8.31551 8.40816ZM8.78114 6.43365L9.90662 8.07668L11.8053 7.68112C11.8953 7.66237 11.9844 7.63316 12.0714 7.59414L9.64863 5.63288C9.54243 5.54691 9.40993 5.5 9.27329 5.5C8.79343 5.5 8.50996 6.03777 8.78114 6.43365ZM16.8076 5.9982C16.3011 6.0372 15.7399 6.31535 15.1793 6.74757C14.63 7.17109 14.1517 7.68771 13.8188 8.08877C13.3987 8.5949 12.813 9.00339 12.1113 9.14959L6.90297 10.2346C6.5794 10.3021 6.24985 10.1497 6.09158 9.85955L4.85914 7.60008C4.82563 7.53864 4.76123 7.50041 4.69125 7.50041C4.58562 7.50041 4.5 7.58604 4.5 7.69166V11.3506C4.5 11.8498 4.96073 12.2217 5.44873 12.1164L9.09172 11.3298C9.33829 11.2766 9.59511 11.3509 9.7752 11.5275C9.95528 11.7041 10.0345 11.9595 9.98602 12.207L9.51589 14.6078C9.42534 15.0703 9.7794 15.5004 10.2506 15.5004C10.4863 15.5004 10.7082 15.3895 10.8496 15.2009L14.15 10.8002C14.2399 10.6802 14.3638 10.59 14.5055 10.5411L20.0938 8.61424C20.3174 8.53712 20.4536 8.37897 20.5045 8.22935C20.5509 8.09266 20.5347 7.95059 20.4168 7.81553C19.5642 6.83853 18.3185 5.88186 16.8076 5.9982ZM3.75 19.5C3.33579 19.5 3 19.8358 3 20.25C3 20.6642 3.33579 21 3.75 21H20.25C20.6642 21 21 20.6642 21 20.25C21 19.8358 20.6642 19.5 20.25 19.5H3.75Z"})});export{f as default};
+import{jsx as i}from"react/jsx-runtime";import t from"classnames";const f=({size:C,type:s,className:e="",onClick:L,refHandler:a,id:o,dataTestId:n})=>/* @__PURE__ */i("svg",{xmlns:"http://www.w3.org/2000/svg",className:t("svg-icon",{[`svg-icon__size-${C}`]:C,[`svg-icon__type-${s}`]:s,[e]:e}),viewBox:"0 0 24 24",fill:"none",onClick:L,ref:a,id:o,"data-test-id":n?`${n}-svg-icon`:"",children:/* @__PURE__ */i("path",{d:"M8.31551 8.40816L7.54364 7.28135C6.59057 5.89 7.58682 4 9.27329 4C9.75351 4 10.2192 4.16486 10.5924 4.46701L13.1732 6.55618C13.4827 6.22856 13.852 5.87691 14.2634 5.55966C14.9221 5.0518 15.7632 4.57418 16.6924 4.50263C18.9302 4.33032 20.6017 5.7461 21.547 6.82923C22.0357 7.38921 22.1337 8.09723 21.9247 8.71205C21.7201 9.31393 21.2312 9.80871 20.5828 10.0323L15.212 11.8842L12.0496 16.1009C11.6249 16.6672 10.9584 17.0004 10.2506 17.0004C8.83529 17.0004 7.77186 15.7086 8.04385 14.3196L8.29513 13.0364L5.7653 13.5826C4.34291 13.8897 3 12.8058 3 11.3506V7.69166C3 6.75761 3.7572 6.00041 4.69125 6.00041C5.31015 6.00041 5.87962 6.33847 6.17598 6.8818L7.14191 8.65266L8.31551 8.40816ZM8.78114 6.43365L9.90662 8.07668L11.8053 7.68112C11.8953 7.66237 11.9844 7.63316 12.0714 7.59414L9.64863 5.63288C9.54243 5.54691 9.40993 5.5 9.27329 5.5C8.79343 5.5 8.50996 6.03777 8.78114 6.43365ZM16.8076 5.9982C16.3011 6.0372 15.7399 6.31535 15.1793 6.74757C14.63 7.17109 14.1517 7.68771 13.8188 8.08877C13.3987 8.5949 12.813 9.00339 12.1113 9.14959L6.90297 10.2346C6.5794 10.3021 6.24985 10.1497 6.09158 9.85955L4.85914 7.60008C4.82563 7.53864 4.76123 7.50041 4.69125 7.50041C4.58562 7.50041 4.5 7.58604 4.5 7.69166V11.3506C4.5 11.8498 4.96073 12.2217 5.44873 12.1164L9.09172 11.3298C9.33829 11.2766 9.59511 11.3509 9.7752 11.5275C9.95528 11.7041 10.0345 11.9595 9.98602 12.207L9.51589 14.6078C9.42534 15.0703 9.7794 15.5004 10.2506 15.5004C10.4863 15.5004 10.7082 15.3895 10.8496 15.2009L14.15 10.8002C14.2399 10.6802 14.3638 10.59 14.5055 10.5411L20.0938 8.61424C20.3174 8.53712 20.4536 8.37897 20.5045 8.22935C20.5509 8.09266 20.5347 7.95059 20.4168 7.81553C19.5642 6.83853 18.3185 5.88186 16.8076 5.9982ZM3.75 19.5C3.33579 19.5 3 19.8358 3 20.25C3 20.6642 3.33579 21 3.75 21H20.25C20.6642 21 21 20.6642 21 20.25C21 19.8358 20.6642 19.5 20.25 19.5H3.75Z"})});export{f as default};

package/components/SVGIcons/IconAirplaneTakeOffFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
 import { ISVGIconProps } from '../../type';
-declare const IconAirplaneTakeOffFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+declare const IconAirplaneTakeOffFilled: ({ size, type, className, onClick, refHandler, id, dataTestId }: ISVGIconProps) => ReactElement;
 export default IconAirplaneTakeOffFilled;

package/components/SVGIcons/IconAirplaneTakeOffFilled.js

@@ -1 +1 @@
-import{jsx as n}from"react/jsx-runtime";import L from"classnames";const a=({size:s,type:C,className:a="",onClick:e,refHandler:i,id:o,dataId:t})=>/* @__PURE__ */n("svg",{xmlns:"http://www.w3.org/2000/svg",className:L("svg-icon",{[`svg-icon__size-${s}`]:s,[`svg-icon__type-${C}`]:C,[a]:a}),viewBox:"0 0 24 24",fill:"none",onClick:e,ref:i,id:o,"data-id":t?`${t}-svg-icon`:"",children:/* @__PURE__ */n("path",{d:"M12.3937 5.92516L10.5225 4.41035C10.1945 4.14486 9.78533 4 9.36338 4C7.956 4 7.06844 5.51429 7.75609 6.74223L8.13761 7.42352L11.6014 6.7019C11.6567 6.69037 11.7711 6.64122 11.8952 6.49173C12.0355 6.32272 12.2028 6.1297 12.3937 5.92516ZM3 20C3 19.4477 3.44772 19 4 19H20C20.5523 19 21 19.4477 21 20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20ZM21.547 6.82934C20.6017 5.74617 18.9302 4.33032 16.6924 4.50263C15.7632 4.57418 14.9221 5.0518 14.2634 5.55966C13.5935 6.07622 13.0355 6.68399 12.6647 7.13069C12.4221 7.42283 12.1192 7.61572 11.8053 7.68112L7.14191 8.65266L6.17598 6.8818C5.87962 6.33847 5.31015 6.00041 4.69125 6.00041C3.7572 6.00041 3 6.75761 3 7.69166V11.3815C3 12.822 4.31234 13.906 5.72694 13.6339L9.02764 12.999L8.51953 14.2331C7.97639 15.5522 8.94626 17.0004 10.3728 17.0004C11.0037 17.0004 11.5978 16.7034 11.9763 16.1987L15.212 11.8842L20.5827 10.0324C21.2312 9.80882 21.7201 9.31405 21.9247 8.71216C22.1337 8.09735 22.0357 7.38933 21.547 6.82934Z"})});export{a as default};
+import{jsx as n}from"react/jsx-runtime";import t from"classnames";const a=({size:s,type:C,className:e="",onClick:a,refHandler:i,id:o,dataTestId:c})=>/* @__PURE__ */n("svg",{xmlns:"http://www.w3.org/2000/svg",className:t("svg-icon",{[`svg-icon__size-${s}`]:s,[`svg-icon__type-${C}`]:C,[e]:e}),viewBox:"0 0 24 24",fill:"none",onClick:a,ref:i,id:o,"data-test-id":c?`${c}-svg-icon`:"",children:/* @__PURE__ */n("path",{d:"M12.3937 5.92516L10.5225 4.41035C10.1945 4.14486 9.78533 4 9.36338 4C7.956 4 7.06844 5.51429 7.75609 6.74223L8.13761 7.42352L11.6014 6.7019C11.6567 6.69037 11.7711 6.64122 11.8952 6.49173C12.0355 6.32272 12.2028 6.1297 12.3937 5.92516ZM3 20C3 19.4477 3.44772 19 4 19H20C20.5523 19 21 19.4477 21 20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20ZM21.547 6.82934C20.6017 5.74617 18.9302 4.33032 16.6924 4.50263C15.7632 4.57418 14.9221 5.0518 14.2634 5.55966C13.5935 6.07622 13.0355 6.68399 12.6647 7.13069C12.4221 7.42283 12.1192 7.61572 11.8053 7.68112L7.14191 8.65266L6.17598 6.8818C5.87962 6.33847 5.31015 6.00041 4.69125 6.00041C3.7572 6.00041 3 6.75761 3 7.69166V11.3815C3 12.822 4.31234 13.906 5.72694 13.6339L9.02764 12.999L8.51953 14.2331C7.97639 15.5522 8.94626 17.0004 10.3728 17.0004C11.0037 17.0004 11.5978 16.7034 11.9763 16.1987L15.212 11.8842L20.5827 10.0324C21.2312 9.80882 21.7201 9.31405 21.9247 8.71216C22.1337 8.09735 22.0357 7.38933 21.547 6.82934Z"})});export{a as default};

package/components/SVGIcons/IconAlert.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
 import { ISVGIconProps } from '../../type';
-declare const IconAlert: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+declare const IconAlert: ({ size, type, className, onClick, refHandler, id, dataTestId }: ISVGIconProps) => ReactElement;
 export default IconAlert;

package/components/SVGIcons/IconAlert.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import c from"classnames";const t=({size:i,type:s,className:a="",onClick:t,refHandler:n,id:o,dataId:r})=>/* @__PURE__ */e("svg",{xmlns:"http://www.w3.org/2000/svg",className:c("svg-icon",{[`svg-icon__size-${i}`]:i,[`svg-icon__type-${s}`]:s,[a]:a}),viewBox:"0 0 24 24",fill:"none",onClick:t,ref:n,id:o,"data-id":r?`${r}-svg-icon`:"",children:/* @__PURE__ */e("g",{id:"Size=24, Theme=Regular",children:/* @__PURE__ */e("path",{id:"Shape",d:"M11.9999 1.99609C16.0498 1.99609 19.3565 5.19084 19.4957 9.24515L19.4999 9.49609V13.5931L20.8799 16.7491C20.9489 16.907 20.9846 17.0775 20.9846 17.2499C20.9846 17.9402 20.4249 18.4999 19.7346 18.4999L14.9999 18.5014C14.9999 20.1582 13.6567 21.5014 11.9999 21.5014C10.4022 21.5014 9.09621 20.2524 9.00496 18.6776L8.99941 18.4991L4.27473 18.4999C4.10339 18.4999 3.93388 18.4646 3.77673 18.3964C3.14353 18.1213 2.85318 17.3851 3.12822 16.7519L4.49987 13.594V9.49599C4.50046 5.3412 7.85195 1.99609 11.9999 1.99609ZM13.4994 18.4991L10.4999 18.5014C10.4999 19.3298 11.1714 20.0014 11.9999 20.0014C12.7796 20.0014 13.4203 19.4065 13.493 18.6458L13.4994 18.4991ZM11.9999 3.49609C8.67971 3.49609 6.00034 6.17035 5.99987 9.49609V13.9057L4.65589 16.9999H19.3524L17.9999 13.9067L18 9.50895L17.9962 9.28375C17.8852 6.05027 15.2414 3.49609 11.9999 3.49609Z"})})});export{t as default};
+import{jsx as e}from"react/jsx-runtime";import t from"classnames";const l=({size:s,type:i,className:a="",onClick:l,refHandler:n,id:o,dataTestId:r})=>/* @__PURE__ */e("svg",{xmlns:"http://www.w3.org/2000/svg",className:t("svg-icon",{[`svg-icon__size-${s}`]:s,[`svg-icon__type-${i}`]:i,[a]:a}),viewBox:"0 0 24 24",fill:"none",onClick:l,ref:n,id:o,"data-test-id":r?`${r}-svg-icon`:"",children:/* @__PURE__ */e("g",{id:"Size=24, Theme=Regular",children:/* @__PURE__ */e("path",{id:"Shape",d:"M11.9999 1.99609C16.0498 1.99609 19.3565 5.19084 19.4957 9.24515L19.4999 9.49609V13.5931L20.8799 16.7491C20.9489 16.907 20.9846 17.0775 20.9846 17.2499C20.9846 17.9402 20.4249 18.4999 19.7346 18.4999L14.9999 18.5014C14.9999 20.1582 13.6567 21.5014 11.9999 21.5014C10.4022 21.5014 9.09621 20.2524 9.00496 18.6776L8.99941 18.4991L4.27473 18.4999C4.10339 18.4999 3.93388 18.4646 3.77673 18.3964C3.14353 18.1213 2.85318 17.3851 3.12822 16.7519L4.49987 13.594V9.49599C4.50046 5.3412 7.85195 1.99609 11.9999 1.99609ZM13.4994 18.4991L10.4999 18.5014C10.4999 19.3298 11.1714 20.0014 11.9999 20.0014C12.7796 20.0014 13.4203 19.4065 13.493 18.6458L13.4994 18.4991ZM11.9999 3.49609C8.67971 3.49609 6.00034 6.17035 5.99987 9.49609V13.9057L4.65589 16.9999H19.3524L17.9999 13.9067L18 9.50895L17.9962 9.28375C17.8852 6.05027 15.2414 3.49609 11.9999 3.49609Z"})})});export{l as default};

package/components/SVGIcons/IconAlertBadge.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
 import { ISVGIconProps } from '../../type';
-declare const IconAlertBadge: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+declare const IconAlertBadge: ({ size, type, className, onClick, refHandler, id, dataTestId }: ISVGIconProps) => ReactElement;
 export default IconAlertBadge;

package/components/SVGIcons/IconAlertBadge.js

@@ -1 +1 @@
-import{jsx as C}from"react/jsx-runtime";import g from"classnames";const t=({size:e,type:i,className:s="",onClick:a,refHandler:t,id:n,dataId:o})=>/* @__PURE__ */C("svg",{xmlns:"http://www.w3.org/2000/svg",className:g("svg-icon",{[`svg-icon__size-${e}`]:e,[`svg-icon__type-${i}`]:i,[s]:s}),viewBox:"0 0 24 24",fill:"none",onClick:a,ref:t,id:n,"data-id":o?`${o}-svg-icon`:"",children:/* @__PURE__ */C("g",{id:"Size=24, Theme=Regular",children:/* @__PURE__ */C("path",{id:"Shape",d:"M11.9876 1.99609C13.4351 1.99609 14.7878 2.40297 15.9353 3.11058C15.5934 3.47585 15.329 3.91431 15.1682 4.39985C14.2457 3.82617 13.1554 3.49569 11.9876 3.49569C8.66297 3.49569 5.97997 6.16922 5.97949 9.49407V13.9025L4.63369 16.9958H19.3502L17.9958 13.9035L17.9959 9.50692L17.9921 9.28178C17.9884 9.17344 17.9818 9.06586 17.9725 8.95912C18.1435 8.98472 18.3185 8.99798 18.4966 8.99798C18.8347 8.99798 19.1616 8.95018 19.4709 8.86099C19.4816 8.98748 19.4892 9.1149 19.4936 9.24319L19.4978 9.49407V13.5899L20.8797 16.7451C20.9489 16.903 20.9846 17.0734 20.9846 17.2457C20.9846 17.9359 20.4241 18.4954 19.7329 18.4954L14.9917 18.4969C14.9917 20.1533 13.6467 21.4961 11.9876 21.4961C10.3878 21.4961 9.08004 20.2475 8.98867 18.6731L8.98312 18.4946L4.25202 18.4954C4.08044 18.4954 3.9107 18.4602 3.75334 18.392C3.11928 18.117 2.82853 17.3809 3.10394 16.7479L4.47746 13.5909V9.49396C4.47805 5.34029 7.8341 1.99609 11.9876 1.99609ZM13.4892 18.4946L10.4856 18.4969C10.4856 19.3251 11.1581 19.9965 11.9876 19.9965C12.7684 19.9965 13.41 19.4018 13.4828 18.6413L13.4892 18.4946ZM16.033 5.05266C16.1282 4.52552 16.3889 4.05584 16.7595 3.6992C17.2097 3.26601 17.822 2.99961 18.4966 2.99961C19.8792 2.99961 21 4.11859 21 5.49893C21 6.59182 20.2974 7.52087 19.3185 7.86042C19.0611 7.94973 18.7845 7.99826 18.4966 7.99826C18.2482 7.99826 18.0083 7.96214 17.7818 7.89488C16.7475 7.58775 15.9932 6.63128 15.9932 5.49893C15.9932 5.34661 16.0069 5.19746 16.033 5.05266Z"})})});export{t as default};
+import{jsx as C}from"react/jsx-runtime";import g from"classnames";const l=({size:e,type:s,className:i="",onClick:a,refHandler:t,id:l,dataTestId:n})=>/* @__PURE__ */C("svg",{xmlns:"http://www.w3.org/2000/svg",className:g("svg-icon",{[`svg-icon__size-${e}`]:e,[`svg-icon__type-${s}`]:s,[i]:i}),viewBox:"0 0 24 24",fill:"none",onClick:a,ref:t,id:l,"data-test-id":n?`${n}-svg-icon`:"",children:/* @__PURE__ */C("g",{id:"Size=24, Theme=Regular",children:/* @__PURE__ */C("path",{id:"Shape",d:"M11.9876 1.99609C13.4351 1.99609 14.7878 2.40297 15.9353 3.11058C15.5934 3.47585 15.329 3.91431 15.1682 4.39985C14.2457 3.82617 13.1554 3.49569 11.9876 3.49569C8.66297 3.49569 5.97997 6.16922 5.97949 9.49407V13.9025L4.63369 16.9958H19.3502L17.9958 13.9035L17.9959 9.50692L17.9921 9.28178C17.9884 9.17344 17.9818 9.06586 17.9725 8.95912C18.1435 8.98472 18.3185 8.99798 18.4966 8.99798C18.8347 8.99798 19.1616 8.95018 19.4709 8.86099C19.4816 8.98748 19.4892 9.1149 19.4936 9.24319L19.4978 9.49407V13.5899L20.8797 16.7451C20.9489 16.903 20.9846 17.0734 20.9846 17.2457C20.9846 17.9359 20.4241 18.4954 19.7329 18.4954L14.9917 18.4969C14.9917 20.1533 13.6467 21.4961 11.9876 21.4961C10.3878 21.4961 9.08004 20.2475 8.98867 18.6731L8.98312 18.4946L4.25202 18.4954C4.08044 18.4954 3.9107 18.4602 3.75334 18.392C3.11928 18.117 2.82853 17.3809 3.10394 16.7479L4.47746 13.5909V9.49396C4.47805 5.34029 7.8341 1.99609 11.9876 1.99609ZM13.4892 18.4946L10.4856 18.4969C10.4856 19.3251 11.1581 19.9965 11.9876 19.9965C12.7684 19.9965 13.41 19.4018 13.4828 18.6413L13.4892 18.4946ZM16.033 5.05266C16.1282 4.52552 16.3889 4.05584 16.7595 3.6992C17.2097 3.26601 17.822 2.99961 18.4966 2.99961C19.8792 2.99961 21 4.11859 21 5.49893C21 6.59182 20.2974 7.52087 19.3185 7.86042C19.0611 7.94973 18.7845 7.99826 18.4966 7.99826C18.2482 7.99826 18.0083 7.96214 17.7818 7.89488C16.7475 7.58775 15.9932 6.63128 15.9932 5.49893C15.9932 5.34661 16.0069 5.19746 16.033 5.05266Z"})})});export{l as default};

package/components/SVGIcons/IconAlertBadgeFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
 import { ISVGIconProps } from '../../type';
-declare const IconAlertBadgeFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+declare const IconAlertBadgeFilled: ({ size, type, className, onClick, refHandler, id, dataTestId }: ISVGIconProps) => ReactElement;
 export default IconAlertBadgeFilled;

package/components/SVGIcons/IconAlertBadgeFilled.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import c from"classnames";const t=({size:i,type:s,className:C="",onClick:a,refHandler:t,id:n,dataId:o})=>/* @__PURE__ */e("svg",{xmlns:"http://www.w3.org/2000/svg",className:c("svg-icon",{[`svg-icon__size-${i}`]:i,[`svg-icon__type-${s}`]:s,[C]:C}),viewBox:"0 0 24 24",fill:"none",onClick:a,ref:t,id:n,"data-id":o?`${o}-svg-icon`:"",children:/* @__PURE__ */e("g",{id:"Size=24, Theme=Filled",children:/* @__PURE__ */e("path",{id:"Shape",d:"M18.5 9C18.8376 9 19.1641 8.95219 19.473 8.86298C19.4909 9.07425 19.5 9.28801 19.5 9.50391V13.5024L20.9183 16.6625C20.9732 16.7848 21.0016 16.9174 21.0016 17.0515C21.0016 17.5762 20.5763 18.0015 20.0516 18.0015H3.95219C3.8184 18.0015 3.68613 17.9733 3.56402 17.9186C3.08515 17.7042 2.87073 17.1422 3.08511 16.6633L4.50001 13.5028L4.50011 9.49099L4.50453 9.24107C4.6436 5.21035 7.95588 2.00391 12 2.00391C13.4433 2.00391 14.7915 2.41162 15.9355 3.11815C15.355 3.74286 15 4.57997 15 5.5C15 7.433 16.567 9 18.5 9ZM14.9583 19.003C14.7196 20.4211 13.486 21.5015 12 21.5015C10.514 21.5015 9.28037 20.4211 9.04173 19.003H14.9583ZM18.5 8C19.8807 8 21 6.88071 21 5.5C21 4.11929 19.8807 3 18.5 3C17.1193 3 16 4.11929 16 5.5C16 6.88071 17.1193 8 18.5 8Z"})})});export{t as default};
+import{jsx as e}from"react/jsx-runtime";import t from"classnames";const g=({size:s,type:i,className:C="",onClick:a,refHandler:n,id:o,dataTestId:d})=>/* @__PURE__ */e("svg",{xmlns:"http://www.w3.org/2000/svg",className:t("svg-icon",{[`svg-icon__size-${s}`]:s,[`svg-icon__type-${i}`]:i,[C]:C}),viewBox:"0 0 24 24",fill:"none",onClick:a,ref:n,id:o,"data-test-id":d?`${d}-svg-icon`:"",children:/* @__PURE__ */e("g",{id:"Size=24, Theme=Filled",children:/* @__PURE__ */e("path",{id:"Shape",d:"M18.5 9C18.8376 9 19.1641 8.95219 19.473 8.86298C19.4909 9.07425 19.5 9.28801 19.5 9.50391V13.5024L20.9183 16.6625C20.9732 16.7848 21.0016 16.9174 21.0016 17.0515C21.0016 17.5762 20.5763 18.0015 20.0516 18.0015H3.95219C3.8184 18.0015 3.68613 17.9733 3.56402 17.9186C3.08515 17.7042 2.87073 17.1422 3.08511 16.6633L4.50001 13.5028L4.50011 9.49099L4.50453 9.24107C4.6436 5.21035 7.95588 2.00391 12 2.00391C13.4433 2.00391 14.7915 2.41162 15.9355 3.11815C15.355 3.74286 15 4.57997 15 5.5C15 7.433 16.567 9 18.5 9ZM14.9583 19.003C14.7196 20.4211 13.486 21.5015 12 21.5015C10.514 21.5015 9.28037 20.4211 9.04173 19.003H14.9583ZM18.5 8C19.8807 8 21 6.88071 21 5.5C21 4.11929 19.8807 3 18.5 3C17.1193 3 16 4.11929 16 5.5C16 6.88071 17.1193 8 18.5 8Z"})})});export{g as default};

package/components/SVGIcons/IconAlertFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
 import { ISVGIconProps } from '../../type';
-declare const IconAlertFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+declare const IconAlertFilled: ({ size, type, className, onClick, refHandler, id, dataTestId }: ISVGIconProps) => ReactElement;
 export default IconAlertFilled;

package/components/SVGIcons/IconAlertFilled.js

@@ -1 +1 @@
-import{jsx as i}from"react/jsx-runtime";import t from"classnames";const C=({size:e,type:s,className:a="",onClick:n,refHandler:o,id:d,dataId:l})=>/* @__PURE__ */i("svg",{xmlns:"http://www.w3.org/2000/svg",className:t("svg-icon",{[`svg-icon__size-${e}`]:e,[`svg-icon__type-${s}`]:s,[a]:a}),viewBox:"0 0 24 24",fill:"none",onClick:n,ref:o,id:d,"data-id":l?`${l}-svg-icon`:"",children:/* @__PURE__ */i("g",{id:"Size=24, Theme=Filled",children:/* @__PURE__ */i("path",{id:"Shape",d:"M9.04173 19.003H14.9583C14.7196 20.4211 13.486 21.5015 12 21.5015C10.514 21.5015 9.28037 20.4211 9.04173 19.003ZM12 2.00391C16.1421 2.00391 19.5 5.36177 19.5 9.50391V13.5024L20.9183 16.6625C20.9732 16.7848 21.0016 16.9174 21.0016 17.0515C21.0016 17.5762 20.5763 18.0015 20.0516 18.0015H3.95219C3.8184 18.0015 3.68613 17.9733 3.56402 17.9186C3.08515 17.7042 2.87073 17.1422 3.08511 16.6633L4.50001 13.5028L4.50011 9.49099L4.50453 9.24107C4.6436 5.21035 7.95588 2.00391 12 2.00391Z"})})});export{C as default};
+import{jsx as i}from"react/jsx-runtime";import c from"classnames";const C=({size:e,type:s,className:a="",onClick:t,refHandler:n,id:o,dataTestId:d})=>/* @__PURE__ */i("svg",{xmlns:"http://www.w3.org/2000/svg",className:c("svg-icon",{[`svg-icon__size-${e}`]:e,[`svg-icon__type-${s}`]:s,[a]:a}),viewBox:"0 0 24 24",fill:"none",onClick:t,ref:n,id:o,"data-test-id":d?`${d}-svg-icon`:"",children:/* @__PURE__ */i("g",{id:"Size=24, Theme=Filled",children:/* @__PURE__ */i("path",{id:"Shape",d:"M9.04173 19.003H14.9583C14.7196 20.4211 13.486 21.5015 12 21.5015C10.514 21.5015 9.28037 20.4211 9.04173 19.003ZM12 2.00391C16.1421 2.00391 19.5 5.36177 19.5 9.50391V13.5024L20.9183 16.6625C20.9732 16.7848 21.0016 16.9174 21.0016 17.0515C21.0016 17.5762 20.5763 18.0015 20.0516 18.0015H3.95219C3.8184 18.0015 3.68613 17.9733 3.56402 17.9186C3.08515 17.7042 2.87073 17.1422 3.08511 16.6633L4.50001 13.5028L4.50011 9.49099L4.50453 9.24107C4.6436 5.21035 7.95588 2.00391 12 2.00391Z"})})});export{C as default};

package/components/SVGIcons/IconAm.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
 import { ISVGIconProps } from '../../type';
-declare const IconAm: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+declare const IconAm: ({ size, type, className, onClick, refHandler, id, dataTestId }: ISVGIconProps) => ReactElement;
 export default IconAm;

package/components/SVGIcons/IconAm.js

@@ -1,4 +1,4 @@
-import{jsxs as h,jsx as i}from"react/jsx-runtime";import c from"classnames";const d=({size:s,type:e,className:t="",onClick:a,refHandler:l,id:d,dataId:n})=>/* @__PURE__ */h("svg",{xmlns:"http://www.w3.org/2000/svg",className:c("svg-icon",{[`svg-icon__size-${s}`]:s,[`svg-icon__type-${e}`]:e,[t]:t}),viewBox:"0 0 24 24",fill:"none",onClick:a,ref:l,id:d,"data-id":n?`${n}-svg-icon`:"",children:[
+import{jsxs as h,jsx as i}from"react/jsx-runtime";import c from"classnames";const d=({size:s,type:e,className:t="",onClick:a,refHandler:l,id:d,dataTestId:n})=>/* @__PURE__ */h("svg",{xmlns:"http://www.w3.org/2000/svg",className:c("svg-icon",{[`svg-icon__size-${s}`]:s,[`svg-icon__type-${e}`]:e,[t]:t}),viewBox:"0 0 24 24",fill:"none",onClick:a,ref:l,id:d,"data-test-id":n?`${n}-svg-icon`:"",children:[
 /* @__PURE__ */i("rect",{y:"3.43005",width:"24",height:"17.1429",rx:"2",fill:"white"}),
 /* @__PURE__ */i("mask",{id:"mask0_1993_1683",style:{maskType:"luminance"},maskUnits:"userSpaceOnUse",x:"0",y:"3",width:"24",height:"18",children:/* @__PURE__ */i("rect",{y:"3.43005",width:"24",height:"17.1429",rx:"2",fill:"white"})}),
 /* @__PURE__ */h("g",{mask:"url(#mask0_1993_1683)",children:[

package/components/SVGIcons/IconAmd.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
 import { ISVGIconProps } from '../../type';
-declare const IconAmd: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+declare const IconAmd: ({ size, type, className, onClick, refHandler, id, dataTestId }: ISVGIconProps) => ReactElement;
 export default IconAmd;