asma-core-ui 1.9.4 → 2.0.0

package/dist/style.css

@@ -1 +1 @@
-._all-icons-container_z9w7e_1{display:flex;height:100%;width:100%;flex-wrap:wrap;align-items:center;gap:1.25rem;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));padding:1.25rem}@keyframes _opacity-appear_z9w7e_1{0%{opacity:0}to{opacity:1}}._icon_z9w7e_5{animation:_opacity-appear_z9w7e_1 .3s linear;cursor:pointer;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}._styled-data-grid_7tbfs_1{border-radius:0!important;border-width:0px!important;border-top-width:1px!important;--tw-border-opacity: 1 !important;border-color:rgb(189 196 207 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important}._styled-data-grid_7tbfs_1 svg{--tw-text-opacity: 1 !important;color:rgb(11 12 15 / var(--tw-text-opacity))!important}._cell_7tbfs_8{min-height:50px!important;border-bottom-width:1px!important;--tw-border-opacity: 1 !important;border-color:rgb(189 196 207 / var(--tw-border-opacity))!important}._cell_7tbfs_8:focus-within{outline:2px solid transparent!important;outline-offset:2px!important}._cell_7tbfs_8:focus{outline:2px solid transparent!important;outline-offset:2px!important}._cellContent_7tbfs_12{font-size:var(--text-base)!important;--tw-text-opacity: 1 !important;color:rgb(11 12 15 / var(--tw-text-opacity))!important}._columnHeader_7tbfs_16{height:30px!important;border-right-width:0px!important}._columnHeader_7tbfs_16:focus-within{outline:2px solid transparent!important;outline-offset:2px!important}._columnHeader_7tbfs_16:focus{outline:2px solid transparent!important;outline-offset:2px!important}._columnHeaderTitle_7tbfs_20{font-size:10px!important;font-weight:600!important;text-transform:uppercase!important;--tw-text-opacity: 1 !important;color:rgb(122 137 158 / var(--tw-text-opacity))!important}._columnHeaders_7tbfs_24{min-height:30px!important;border-radius:0!important;border-bottom-width:1px!important;--tw-border-opacity: 1 !important;border-color:rgb(189 196 207 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(252 252 253 / var(--tw-bg-opacity))!important}._footerContainer_7tbfs_28{--tw-border-opacity: 1 !important;border-color:rgb(189 196 207 / var(--tw-border-opacity))!important}._iconSeparator_7tbfs_32{display:none!important}._row_7tbfs_36{min-height:50px!important}._row_7tbfs_36:hover{cursor:pointer!important;background-color:var(--colors-primary-50)!important}._virtualScrollerContent_7tbfs_40{border-bottom-width:0px!important}._menuIconButton_7tbfs_44{visibility:visible!important;position:absolute!important;right:1.25rem!important;display:flex!important}._root_1jf25_1{--tw-text-opacity: 1 !important;color:rgb(181 190 201 / var(--tw-text-opacity))!important}._root_1jf25_1:hover{color:var(--colors-primary-600)!important}._root_1jf25_1 input{height:100%!important;width:100%!important}._root_1jf25_1 svg{height:1.5rem!important;width:1.5rem!important}._checked_1jf25_11,._checked_1jf25_11:hover{color:var(--colors-primary-600)!important}._disabled_1jf25_15{opacity:.5!important}:root{--colors-teal-50: #e9fcfc;--colors-teal-100: #dffafa;--colors-teal-200: #bef4f4;--colors-teal-300: #78e8e8;--colors-teal-400: #32dcdc;--colors-teal-500: #1ca1a1;--colors-teal-600: #157a7a;--colors-teal-700: #105c5c;--colors-teal-800: #0b4141;--colors-teal-900: #093434;--colors-blue-400: #3399c9;--colors-blue-500: #0080bb;--colors-blue-600: #0073a8;--colors-blue-700: #005a83;--colors-blue-800: #00405e;--colors-blue-900: #002638;--colors-xanadu-50: #eff4f2;--colors-xanadu-100: #dee8e4;--colors-xanadu-200: #ceddd7;--colors-xanadu-300: #bdd1c9;--colors-xanadu-400: #adc6bc;--colors-xanadu-500: #9cb2a9;--colors-xanadu-600: #8a9e96;--colors-xanadu-700: #798b84;--colors-xanadu-800: #4e5955;--colors-xanadu-900: #2f3533;--colors-text: #4c4c4c;--colors-red-100: #fdeae9;--colors-red-500: #df0101;--colors-red-600: #a7241b;--colors-red-700: #871e17;--colors-salmon-500: #d24545;--colors-salmon-700: #b14848;--colors-gray-10: #f9fafb;--colors-gray-50: #f0f2f4;--colors-gray-100: #e7eaee;--colors-gray-200: #d3d8df;--colors-gray-300: #b5bec9;--colors-gray-400: #98a3b4;--colors-gray-500: #606671;--colors-gray-600: #363e4a;--colors-gray-900: #0b0c0f;--colors-gray-9000: #1a1d23;--colors-gray-10000: black;--colors-zinc-100: #f5f5f5;--colors-zinc-200: #bcbcbc;--colors-zinc-300: #898989;--colors-zinc-400: #686868;--colors-zinc-500: #575757;--colors-zinc-600: #4c4c4c;--colors-zinc-900: #0b0c0f;--colors-cardea--grey-01: 210deg 16% 95%;--colors-cardea--grey-02: 215deg 16% 85%;--colors-cardea--grey-03: 213deg 16% 75%;--colors-cardea--grey-04: 216deg 16% 65%;--colors-cardea--grey-05: 215deg 16% 56%;--colors-cardea--grey-06: 216deg 16% 25%;--colors-green-50: #eff4f2;--colors-green-100: #deebe5;--colors-green-200: #ceddd7;--colors-green-300: #adc6bc;--colors-green-400: #9cb2a9;--colors-green-500: #687771;--colors-green-600: #59635e;--colors-green-700: #474f4b;--colors-green-800: #353b38;--colors-slate-100: #d0dee5;--colors-slate-200: #abc8d42f;--colors-slate-300: #abc8d4;--colors-slate-500: #9fbcca;--colors-slate-600: #6198ae;--colors-slate-700: #6e9aaf;--colors-slate-800: #4c7f93;--colors-blue-50: #e6f2f8;--colors-blue-100: #cce6f1;--colors-blue-200: #99cce4;--colors-blue-300: #66b3d6;--colors-blue-400: #4da6cf;--colors-blue-500: #007cb5;--colors-blue-600: #0080bb;--colors-blue-700: #006696;--colors-blue-800: #005a83;--colors-blue-900: #070a1f;--colors-magic-blue-700: #247ba3;--colors-jade-50: #e8f6f6;--colors-jade-100: #c5e7e7;--colors-jade-200: #bef4f4;--colors-jade-300: #78e8e8;--colors-jade-400: #32dcdc;--colors-jade-500: #1ca1a1;--colors-jade-600: #157a7a;--colors-jade-700: #105c5c;--colors-jade-800: #0b4141;--colors-yellow-400: #efcc1d;--colors-lime-500: #beda2f;--colors-primary-50: #e6f2f8;--colors-primary-100: #cce6f1;--colors-primary-200: #99cce4;--colors-primary-300: #66b3d6;--colors-primary-400: #3399c9;--colors-primary-500: #0080bb;--colors-primary-600: #0073a8;--colors-primary-700: #005a83;--colors-primary-800: #00405e;--colors-primary-900: #002638;--colors-text-component: #ffffff;--colors-active-component: var(--colors-blue-500);--colors-alpha-100: var(--colors-blue-100);--colors-alpha-500: var(--colors-blue-500);--colors-alpha-600: var(--colors-blue-600);--colors-alpha-700: var(--colors-blue-700);--colors-beta-100: var(--colors-red-100);--colors-beta-500: var(--colors-red-500);--colors-beta-600: var(--colors-red-600);--colors-beta-700: var(--colors-red-700);--colors-gama-50: var(--colors-blue-50);--colors-gama-100: var(--colors-blue-100);--colors-gama-200: var(--colors-blue-200);--colors-gama-300: var(--colors-blue-300);--colors-gama-400: var(--colors-blue-400);--colors-gama-500: var(--colors-blue-500);--colors-gama-600: var(--colors-blue-600);--colors-gama-700: var(--colors-blue-700);--colors-gama-800: var(--colors-blue-800);--colors-gama-900: var(--colors-blue-900);--colors-delta-10: var(--colors-gray-10);--colors-delta-50: var(--colors-gray-50);--colors-delta-100: var(--colors-gray-100);--colors-delta-200: var(--colors-gray-200);--colors-delta-300: var(--colors-gray-300);--colors-delta-400: var(--colors-gray-400);--colors-delta-500: var(--colors-gray-500);--colors-delta-600: var(--colors-gray-600);--colors-delta-700: var(--colors-gray-600);--colors-delta-800: var(--colors-gray-600);--colors-delta-900: var(--colors-gray-900);--colors-delta-9000: var(--colors-gray-9000);--colors-delta-10000: var(--colors-gray-10000);--colors-sigma-700: var(--colors-magic-blue-700);--colors-zeta-700: var(--colors-blue-700);--colors-theta-100: #ffffff;--colors-theta-200: var(--colors-slate-200);--colors-theta-300: var(--colors-slate-500);--colors-theta-400: #ffffff;--colors-theta-500: var(--colors-blue-300);--colors-theta-600: var(--colors-blue-700);--colors-theta-700: var(--colors-blue-600);--colors-theta-800: #ffffff;--colors-theta-hover: var(--colors-blue-700);--colors-btn-bg-hover: var(--colors-slate-300);--colors-btn-bg-standart: var(--colors-slate-600);--colors-btn-bg-active: var(--colors-slate-800);--colors-btn-bg-disabled: var(--colors-green-800);--colors-btn-bg-danger: var(--colors-salmon-700);--colors-btn-bg-danger-active: var(--colors-salmon-500);--colors-button-primary-text-color: var(--colors-delta-900);--colors-button-primary-bg-color: var(--colors-gama-400);--colors-button-primary-border-color: var(--colors-gama-400);--colors-button-primary-focused-text-color: var(--colors-delta-900);--colors-button-primary-focused-bg-color: var(--colors-gama-400);--colors-button-primary-focused-border-color: var(--colors-yellow-400);--colors-button-primary-active-text-color: #ffffff;--colors-button-primary-active-bg-color: var(--colors-gama-800);--colors-button-primary-active-border-color: var(--colors-gama-800);--colors-button-primary-hover-text-color: var(--colors-delta-900);--colors-button-primary-hover-bg-color: var(--colors-gama-500);--colors-button-primary-hover-border-color: var(--colors-gama-500);--colors-button-primary-disabled-text-color: #ffffff;--colors-button-primary-disabled-bg-color: var(--colors-delta-400);--colors-button-primary-disabled-border-color: transparent;--colors-button-secondary-text-color: var(--colors-delta-900);--colors-button-secondary-bg-color: transparent;--colors-button-secondary-border-color: var(--colors-gama-400);--colors-button-secondary-focused-text-color: var(--colors-delta-900);--colors-button-secondary-focused-bg-color: transparent;--colors-button-secondary-focused-border-color: var(--colors-yellow-400);--colors-button-secondary-active-text-color: #ffffff;--colors-button-secondary-active-bg-color: var(--colors-gama-800);--colors-button-secondary-active-border-color: var(--colors-gama-800);--colors-button-secondary-hover-text-color: var(--colors-delta-900);--colors-button-secondary-hover-bg-color: var(--colors-gama-500);--colors-button-secondary-hover-border-color: var(--colors-gama-500);--colors-button-secondary-disabled-text-color: #ffffff;--colors-button-secondary-disabled-bg-color: var(--colors-delta-400);--colors-button-secondary-disabled-border-color: transparent;--colors-button-flat-text-color: var(--colors-delta-900);--colors-button-flat-bg-color: transparent;--colors-button-flat-border-color: transparent;--colors-button-flat-focused-text-color: var(--colors-delta-900);--colors-button-flat-focused-bg-color: transparent;--colors-button-flat-focused-border-color: var(--colors-yellow-400);--colors-button-flat-active-text-color: #ffffff;--colors-button-flat-active-bg-color: var(--colors-gama-800);--colors-button-flat-active-border-color: var(--colors-gama-800);--colors-button-flat-hover-text-color: var(--colors-delta-900);--colors-button-flat-hover-bg-color: var(--colors-gama-500);--colors-button-flat-hover-border-color: var(--colors-gama-500);--colors-button-flat-disabled-text-color: #ffffff;--colors-button-flat-disabled-bg-color: var(--colors-delta-400);--colors-button-flat-disabled-border-color: transparent;--colors-button-danger-text-color: #ffffff;--colors-button-danger-bg-color: var(--colors-beta-500);--colors-button-danger-border-color: var(--colors-beta-500);--colors-button-danger-focused-text-color: #ffffff;--colors-button-danger-focused-bg-color: var(--colors-beta-600);--colors-button-danger-focused-border-color: var(--colors-beta-600);--colors-button-danger-active-text-color: #ffffff;--colors-button-danger-active-bg-color: var(--colors-beta-700);--colors-button-danger-active-border-color: var(--colors-beta-700);--colors-button-danger-hover-text-color: #ffffff;--colors-button-danger-hover-bg-color: var(--colors-beta-600);--colors-button-danger-hover-border-color: var(--colors-beta-600);--colors-button-danger-disabled-text-color: #ffffff;--colors-button-danger-disabled-bg-color: var(--colors-beta-100);--colors-button-danger-disabled-border-color: var(--colors-beta-100);--colors-btn-bg-mini-action: var(--colors-slate-600);--colors-btn-bg-mini-action-hover: var(--colors-slate-300);--colors-link-text-hover: #ffffff;--colors-link-text-standart: #ffffff;--colors-link-text-active: var(--colors-blue-800);--colors-link-text-disabled: var(--colors-green-800);--colors-badge-bg: var(--colors-slate-600);--colors-badge-text: #ffffff;--colors-app-directory-button-select-recipient-bg: var(--colors-blue-200);--colors-btn-task-status-bg: var(--colors-slate-600);--colors-chat-ticket-message-bg: var(--colors-blue-200);--colors-topbar-text: var(--colors-zinc-500);--colors-menu-text-active: var(--colors-slate-700)}[data-theme=fretex]{--colors-primary-50: #eff4f2;--colors-primary-100: #dee8e4;--colors-primary-200: #ceddd7;--colors-primary-300: #bdd1c9;--colors-primary-400: #adc6bc;--colors-primary-500: #9cb2a9;--colors-primary-600: #8a9e96;--colors-primary-700: #798b84;--colors-primary-800: #4e5955;--colors-primary-900: #2f3533;--colors-beta-100: var(--colors-red-100);--colors-beta-500: var(--colors-red-500);--colors-beta-600: var(--colors-red-600);--colors-beta-700: var(--colors-red-700);--colors-gama-50: var(--colors-jade-50);--colors-gama-100: var(--colors-jade-100);--colors-gama-200: var(--colors-jade-200);--colors-gama-300: var(--colors-jade-300);--colors-gama-400: var(--colors-jade-400);--colors-gama-500: var(--colors-jade-500);--colors-gama-600: var(--colors-jade-600);--colors-gama-700: var(--colors-jade-700);--colors-gama-800: var(--colors-jade-800);--colors-delta-10: var(--colors-gray-10);--colors-delta-50: var(--colors-gray-50);--colors-delta-100: var(--colors-gray-100);--colors-delta-200: var(--colors-gray-200);--colors-delta-300: var(--colors-gray-300);--colors-delta-400: var(--colors-gray-400);--colors-delta-500: var(--colors-gray-500);--colors-delta-600: var(--colors-gray-600);--colors-delta-700: var(--colors-gray-600);--colors-delta-800: var(--colors-gray-600);--colors-delta-900: var(--colors-gray-900);--colors-delta-9000: var(--colors-gray-9000);--colors-delta-10000: var(--colors-gray-10000);--colors-theta-100: var(--colors-jade-100);--colors-theta-200: var(--colors-jade-200);--colors-theta-300: var(--colors-jade-300);--colors-theta-400: var(--colors-jade-400);--colors-theta-500: var(--colors-jade-500);--colors-theta-600: var(--colors-jade-600);--colors-theta-700: var(--colors-jade-700);--colors-theta-800: var(--colors-jade-800);--colors-theta-hover: var(--colors-jade-500);--colors-sigma-700: var(--colors-jade-600);--colors-link-text-hover: #ffffff;--colors-link-text-standart: #ffffff;--colors-link-text-active: #ffffff;--colors-link-text-disabled: var(--colors-gray-200);--colors-badge-bg: var(--colors-lime-500);--colors-badge-text: var(--colors-jade-600);--colors-button-primary-text-color: #ffffff;--colors-button-primary-bg-color: var(--colors-gama-600);--colors-button-primary-border-color: var(--colors-gama-600);--colors-button-primary-focused-text-color: #ffffff;--colors-button-primary-focused-bg-color: var(--colors-gama-600);--colors-button-primary-focused-border-color: var(--colors-yellow-400);--colors-button-primary-active-text-color: #ffffff;--colors-button-primary-active-bg-color: var(--colors-gama-800);--colors-button-primary-active-border-color: var(--colors-gama-800);--colors-button-primary-hover-text-color: #ffffff;--colors-button-primary-hover-bg-color: var(--colors-gama-700);--colors-button-primary-hover-border-color: var(--colors-gama-700);--colors-button-primary-disabled-text-color: #ffffff;--colors-button-primary-disabled-bg-color: var(--colors-delta-400);--colors-button-primary-disabled-border-color: var(--colors-delta-400);--colors-button-secondary-text-color: var(--colors-gama-600);--colors-button-secondary-bg-color: transparent;--colors-button-secondary-border-color: var(--colors-gama-600);--colors-button-secondary-focused-text-color: var(--colors-gama-600);--colors-button-secondary-focused-bg-color: transparent;--colors-button-secondary-focused-border-color: var(--colors-yellow-400);--colors-button-secondary-active-text-color: #ffffff;--colors-button-secondary-active-bg-color: var(--colors-gama-800);--colors-button-secondary-active-border-color: var(--colors-gama-800);--colors-button-secondary-hover-text-color: #ffffff;--colors-button-secondary-hover-bg-color: var(--colors-gama-700);--colors-button-secondary-hover-border-color: var(--colors-gama-700);--colors-button-secondary-disabled-text-color: #ffffff;--colors-button-secondary-disabled-bg-color: var(--colors-delta-400);--colors-button-secondary-disabled-border-color: var(--colors-delta-400);--colors-button-flat-text-color: var(--colors-gama-600);--colors-button-flat-bg-color: transparent;--colors-button-flat-border-color: var(--colors-gama-600);--colors-button-flat-focused-text-color: var(--colors-gama-600);--colors-button-flat-focused-bg-color: transparent;--colors-button-flat-focused-border-color: var(--colors-yellow-400);--colors-button-flat-active-text-color: #ffffff;--colors-button-flat-active-bg-color: var(--colors-gama-800);--colors-button-flat-active-border-color: var(--colors-gama-800);--colors-button-flat-hover-text-color: #ffffff;--colors-button-flat-hover-bg-color: var(--colors-gama-700);--colors-button-flat-hover-border-color: var(--colors-gama-700);--colors-button-flat-disabled-text-color: #ffffff;--colors-button-flat-disabled-bg-color: var(--colors-delta-400);--colors-button-flat-disabled-border-color: var(--colors-delta-400);--colors-button-danger-text-color: #ffffff;--colors-button-danger-bg-color: var(--colors-beta-500);--colors-button-danger-border-color: var(--colors-beta-500);--colors-button-danger-focused-text-color: #ffffff;--colors-button-danger-focused-bg-color: var(--colors-beta-600);--colors-button-danger-focused-border-color: var(--colors-beta-600);--colors-button-danger-active-text-color: #ffffff;--colors-button-danger-active-bg-color: var(--colors-beta-700);--colors-button-danger-active-border-color: var(--colors-beta-700);--colors-button-danger-hover-text-color: #ffffff;--colors-button-danger-hover-bg-color: var(--colors-beta-600);--colors-button-danger-hover-border-color: var(--colors-beta-600);--colors-button-danger-disabled-text-color: #ffffff;--colors-button-danger-disabled-bg-color: var(--colors-beta-100);--colors-button-danger-disabled-border-color: var(--colors-beta-100);--colors-menu-text-active: var(--colors-jade-700)}[data-theme=greenish]{--colors-primary-50: #e9fcfc;--colors-primary-100: #dffafa;--colors-primary-200: #bef4f4;--colors-primary-300: #78e8e8;--colors-primary-400: #32dcdc;--colors-primary-500: #1ca1a1;--colors-primary-600: #157a7a;--colors-primary-700: #105c5c;--colors-primary-800: #0b4141;--colors-primary-900: #093434;--colors-beta-100: var(--colors-red-100);--colors-beta-500: var(--colors-red-500);--colors-beta-600: var(--colors-red-600);--colors-beta-700: var(--colors-red-700);--colors-gama-50: var(--colors-jade-50);--colors-gama-100: var(--colors-jade-100);--colors-gama-200: var(--colors-jade-200);--colors-gama-300: var(--colors-jade-300);--colors-gama-400: var(--colors-jade-400);--colors-gama-500: var(--colors-jade-500);--colors-gama-600: var(--colors-jade-600);--colors-gama-700: var(--colors-jade-700);--colors-gama-800: var(--colors-jade-800);--colors-delta-10: var(--colors-gray-10);--colors-delta-50: var(--colors-gray-50);--colors-delta-100: var(--colors-gray-100);--colors-delta-200: var(--colors-gray-200);--colors-delta-300: var(--colors-gray-300);--colors-delta-400: var(--colors-gray-400);--colors-delta-500: var(--colors-gray-500);--colors-delta-600: var(--colors-gray-600);--colors-delta-700: var(--colors-gray-600);--colors-delta-800: var(--colors-gray-600);--colors-delta-900: var(--colors-gray-900);--colors-delta-9000: var(--colors-gray-9000);--colors-delta-10000: var(--colors-gray-10000);--colors-theta-100: var(--colors-jade-100);--colors-theta-200: var(--colors-jade-200);--colors-theta-300: var(--colors-jade-300);--colors-theta-400: var(--colors-jade-400);--colors-theta-500: var(--colors-jade-500);--colors-theta-600: var(--colors-jade-600);--colors-theta-700: var(--colors-jade-700);--colors-theta-800: var(--colors-jade-800);--colors-theta-hover: var(--colors-jade-500);--colors-sigma-700: var(--colors-jade-600);--colors-link-text-hover: #ffffff;--colors-link-text-standart: #ffffff;--colors-link-text-active: #ffffff;--colors-link-text-disabled: var(--colors-gray-200);--colors-badge-bg: var(--colors-lime-500);--colors-badge-text: var(--colors-jade-600);--colors-button-primary-text-color: #ffffff;--colors-button-primary-bg-color: var(--colors-gama-600);--colors-button-primary-border-color: var(--colors-gama-600);--colors-button-primary-focused-text-color: #ffffff;--colors-button-primary-focused-bg-color: var(--colors-gama-600);--colors-button-primary-focused-border-color: var(--colors-yellow-400);--colors-button-primary-active-text-color: #ffffff;--colors-button-primary-active-bg-color: var(--colors-gama-800);--colors-button-primary-active-border-color: var(--colors-gama-800);--colors-button-primary-hover-text-color: #ffffff;--colors-button-primary-hover-bg-color: var(--colors-gama-700);--colors-button-primary-hover-border-color: var(--colors-gama-700);--colors-button-primary-disabled-text-color: #ffffff;--colors-button-primary-disabled-bg-color: var(--colors-delta-400);--colors-button-primary-disabled-border-color: var(--colors-delta-400);--colors-button-secondary-text-color: var(--colors-gama-600);--colors-button-secondary-bg-color: transparent;--colors-button-secondary-border-color: var(--colors-gama-600);--colors-button-secondary-focused-text-color: var(--colors-gama-600);--colors-button-secondary-focused-bg-color: transparent;--colors-button-secondary-focused-border-color: var(--colors-yellow-400);--colors-button-secondary-active-text-color: #ffffff;--colors-button-secondary-active-bg-color: var(--colors-gama-800);--colors-button-secondary-active-border-color: var(--colors-gama-800);--colors-button-secondary-hover-text-color: #ffffff;--colors-button-secondary-hover-bg-color: var(--colors-gama-700);--colors-button-secondary-hover-border-color: var(--colors-gama-700);--colors-button-secondary-disabled-text-color: #ffffff;--colors-button-secondary-disabled-bg-color: var(--colors-delta-400);--colors-button-secondary-disabled-border-color: var(--colors-delta-400);--colors-button-flat-text-color: var(--colors-gama-600);--colors-button-flat-bg-color: transparent;--colors-button-flat-border-color: var(--colors-gama-600);--colors-button-flat-focused-text-color: var(--colors-gama-600);--colors-button-flat-focused-bg-color: transparent;--colors-button-flat-focused-border-color: var(--colors-yellow-400);--colors-button-flat-active-text-color: #ffffff;--colors-button-flat-active-bg-color: var(--colors-gama-800);--colors-button-flat-active-border-color: var(--colors-gama-800);--colors-button-flat-hover-text-color: #ffffff;--colors-button-flat-hover-bg-color: var(--colors-gama-700);--colors-button-flat-hover-border-color: var(--colors-gama-700);--colors-button-flat-disabled-text-color: #ffffff;--colors-button-flat-disabled-bg-color: var(--colors-delta-400);--colors-button-flat-disabled-border-color: var(--colors-delta-400);--colors-button-danger-text-color: #ffffff;--colors-button-danger-bg-color: var(--colors-beta-500);--colors-button-danger-border-color: var(--colors-beta-500);--colors-button-danger-focused-text-color: #ffffff;--colors-button-danger-focused-bg-color: var(--colors-beta-600);--colors-button-danger-focused-border-color: var(--colors-beta-600);--colors-button-danger-active-text-color: #ffffff;--colors-button-danger-active-bg-color: var(--colors-beta-700);--colors-button-danger-active-border-color: var(--colors-beta-700);--colors-button-danger-hover-text-color: #ffffff;--colors-button-danger-hover-bg-color: var(--colors-beta-600);--colors-button-danger-hover-border-color: var(--colors-beta-600);--colors-button-danger-disabled-text-color: #ffffff;--colors-button-danger-disabled-bg-color: var(--colors-beta-100);--colors-button-danger-disabled-border-color: var(--colors-beta-100);--colors-menu-text-active: var(--colors-jade-700)}:root{--text-h1: 1.5rem;--text-h2: 1.125rem;--text-pageTitle: 1.5rem;--text-sectionTitle: 1.125rem;--text-medium: 1rem;--text-base: .875rem;--text-small: .75rem;--text-xSmall: .625rem}.m-0{margin:0!important}.m-auto{margin:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mr-2{margin-right:.5rem!important}.mt-0{margin-top:0!important}.mt-2{margin-top:.5rem!important}.flex{display:flex!important}.w-fit{width:-moz-fit-content!important;width:fit-content!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0 !important;margin-right:calc(.75rem * var(--tw-space-x-reverse))!important;margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))!important}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0 !important;margin-right:calc(1rem * var(--tw-space-x-reverse))!important;margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))!important}.border-primary-main{border-color:var(--colors-primary-600)!important}.bg-gray-200{--tw-bg-opacity: 1 !important;background-color:rgb(229 231 235 / var(--tw-bg-opacity))!important}.bg-primary-100{background-color:var(--colors-primary-100)!important}.bg-primary-700{background-color:var(--colors-primary-700)!important}.bg-primary-main{background-color:var(--colors-primary-600)!important}.bg-transparent{background-color:transparent!important}.p-0{padding:0!important}.p-4{padding:1rem!important}.p-5{padding:1.25rem!important}.text-center{text-align:center!important}.\!text-\[14px\]{font-size:14px!important}.text-2xl{font-size:1.563rem!important}.text-base{font-size:var(--text-base)!important}.text-h1{font-size:var(--text-h1)!important}.text-h2{font-size:var(--text-h2)!important}.text-small{font-size:var(--text-small)!important}.text-xSmall{font-size:var(--text-xSmall)!important}.text-xl{font-size:1.25rem!important}.font-semibold{font-weight:600!important}.capitalize{text-transform:capitalize!important}.normal-case{text-transform:none!important}.leading-tight{line-height:1.25!important}.text-\[\#b5bec9\]{--tw-text-opacity: 1 !important;color:rgb(181 190 201 / var(--tw-text-opacity))!important}.text-gama-700{color:var(--colors-gama-700)!important}.text-gray-400{--tw-text-opacity: 1 !important;color:rgb(156 163 175 / var(--tw-text-opacity))!important}.text-gray-600{--tw-text-opacity: 1 !important;color:rgb(75 85 99 / var(--tw-text-opacity))!important}.text-gray-800{--tw-text-opacity: 1 !important;color:rgb(31 41 55 / var(--tw-text-opacity))!important}.text-primary-700{color:var(--colors-primary-700)!important}.text-primary-dark{color:var(--colors-primary-900)!important}.overline{text-decoration-line:overline!important}.shadow-\[0_0_0_3px\]{--tw-shadow: 0 0 0 3px !important;--tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.shadow-primary-400{--tw-shadow-color: var(--colors-primary-400) !important;--tw-shadow: var(--tw-shadow-colored) !important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.hover\:border-primary-500:hover{border-color:var(--colors-primary-500)!important}.hover\:bg-primary-500:hover{background-color:var(--colors-primary-500)!important}.hover\:bg-primary-700:hover{background-color:var(--colors-primary-700)!important}.hover\:text-gray-50:hover{--tw-text-opacity: 1 !important;color:rgb(249 250 251 / var(--tw-text-opacity))!important}.hover\:text-primary-600:hover{color:var(--colors-primary-600)!important}.hover\:text-primary-700:hover{color:var(--colors-primary-700)!important}.active\:bg-primary-dark:active{background-color:var(--colors-primary-900)!important}.\[\&\>input\]\:h-full>input{height:100%!important}.\[\&\>input\]\:w-full>input{width:100%!important}.\[\&\>svg\]\:h-5>svg{height:1.25rem!important}.\[\&\>svg\]\:w-5>svg{width:1.25rem!important}
+:root{--colors-teal-50: #e9fcfc;--colors-teal-100: #dffafa;--colors-teal-200: #bef4f4;--colors-teal-300: #78e8e8;--colors-teal-400: #32dcdc;--colors-teal-500: #1ca1a1;--colors-teal-600: #157a7a;--colors-teal-700: #105c5c;--colors-teal-800: #0b4141;--colors-teal-900: #093434;--colors-blue-400: #3399c9;--colors-blue-500: #0080bb;--colors-blue-600: #0073a8;--colors-blue-700: #005a83;--colors-blue-800: #00405e;--colors-blue-900: #002638;--colors-xanadu-50: #eff4f2;--colors-xanadu-100: #dee8e4;--colors-xanadu-200: #ceddd7;--colors-xanadu-300: #bdd1c9;--colors-xanadu-400: #adc6bc;--colors-xanadu-500: #9cb2a9;--colors-xanadu-600: #8a9e96;--colors-xanadu-700: #798b84;--colors-xanadu-800: #4e5955;--colors-xanadu-900: #2f3533;--colors-text: #4c4c4c;--colors-red-100: #fdeae9;--colors-red-500: #df0101;--colors-red-600: #a7241b;--colors-red-700: #871e17;--colors-salmon-500: #d24545;--colors-salmon-700: #b14848;--colors-gray-10: #f9fafb;--colors-gray-50: #f0f2f4;--colors-gray-100: #e7eaee;--colors-gray-200: #d3d8df;--colors-gray-300: #b5bec9;--colors-gray-400: #98a3b4;--colors-gray-500: #606671;--colors-gray-600: #363e4a;--colors-gray-900: #0b0c0f;--colors-gray-9000: #1a1d23;--colors-gray-10000: black;--colors-zinc-100: #f5f5f5;--colors-zinc-200: #bcbcbc;--colors-zinc-300: #898989;--colors-zinc-400: #686868;--colors-zinc-500: #575757;--colors-zinc-600: #4c4c4c;--colors-zinc-900: #0b0c0f;--colors-cardea--grey-01: 210deg 16% 95%;--colors-cardea--grey-02: 215deg 16% 85%;--colors-cardea--grey-03: 213deg 16% 75%;--colors-cardea--grey-04: 216deg 16% 65%;--colors-cardea--grey-05: 215deg 16% 56%;--colors-cardea--grey-06: 216deg 16% 25%;--colors-green-50: #eff4f2;--colors-green-100: #deebe5;--colors-green-200: #ceddd7;--colors-green-300: #adc6bc;--colors-green-400: #9cb2a9;--colors-green-500: #687771;--colors-green-600: #59635e;--colors-green-700: #474f4b;--colors-green-800: #353b38;--colors-slate-100: #d0dee5;--colors-slate-200: #abc8d42f;--colors-slate-300: #abc8d4;--colors-slate-500: #9fbcca;--colors-slate-600: #6198ae;--colors-slate-700: #6e9aaf;--colors-slate-800: #4c7f93;--colors-blue-50: #e6f2f8;--colors-blue-100: #cce6f1;--colors-blue-200: #99cce4;--colors-blue-300: #66b3d6;--colors-blue-400: #4da6cf;--colors-blue-500: #007cb5;--colors-blue-600: #0080bb;--colors-blue-700: #006696;--colors-blue-800: #005a83;--colors-blue-900: #070a1f;--colors-magic-blue-700: #247ba3;--colors-jade-50: #e8f6f6;--colors-jade-100: #c5e7e7;--colors-jade-200: #bef4f4;--colors-jade-300: #78e8e8;--colors-jade-400: #32dcdc;--colors-jade-500: #1ca1a1;--colors-jade-600: #157a7a;--colors-jade-700: #105c5c;--colors-jade-800: #0b4141;--colors-yellow-400: #efcc1d;--colors-lime-500: #beda2f;--colors-primary-50: #e6f2f8;--colors-primary-100: #cce6f1;--colors-primary-200: #99cce4;--colors-primary-300: #66b3d6;--colors-primary-400: #3399c9;--colors-primary-500: #0080bb;--colors-primary-600: #0073a8;--colors-primary-700: #005a83;--colors-primary-800: #00405e;--colors-primary-900: #002638;--colors-text-component: #ffffff;--colors-active-component: var(--colors-blue-500);--colors-alpha-100: var(--colors-blue-100);--colors-alpha-500: var(--colors-blue-500);--colors-alpha-600: var(--colors-blue-600);--colors-alpha-700: var(--colors-blue-700);--colors-beta-100: var(--colors-red-100);--colors-beta-500: var(--colors-red-500);--colors-beta-600: var(--colors-red-600);--colors-beta-700: var(--colors-red-700);--colors-gama-50: var(--colors-blue-50);--colors-gama-100: var(--colors-blue-100);--colors-gama-200: var(--colors-blue-200);--colors-gama-300: var(--colors-blue-300);--colors-gama-400: var(--colors-blue-400);--colors-gama-500: var(--colors-blue-500);--colors-gama-600: var(--colors-blue-600);--colors-gama-700: var(--colors-blue-700);--colors-gama-800: var(--colors-blue-800);--colors-gama-900: var(--colors-blue-900);--colors-delta-10: var(--colors-gray-10);--colors-delta-50: var(--colors-gray-50);--colors-delta-100: var(--colors-gray-100);--colors-delta-200: var(--colors-gray-200);--colors-delta-300: var(--colors-gray-300);--colors-delta-400: var(--colors-gray-400);--colors-delta-500: var(--colors-gray-500);--colors-delta-600: var(--colors-gray-600);--colors-delta-700: var(--colors-gray-600);--colors-delta-800: var(--colors-gray-600);--colors-delta-900: var(--colors-gray-900);--colors-delta-9000: var(--colors-gray-9000);--colors-delta-10000: var(--colors-gray-10000);--colors-sigma-700: var(--colors-magic-blue-700);--colors-zeta-700: var(--colors-blue-700);--colors-theta-100: #ffffff;--colors-theta-200: var(--colors-slate-200);--colors-theta-300: var(--colors-slate-500);--colors-theta-400: #ffffff;--colors-theta-500: var(--colors-blue-300);--colors-theta-600: var(--colors-blue-700);--colors-theta-700: var(--colors-blue-600);--colors-theta-800: #ffffff;--colors-theta-hover: var(--colors-blue-700);--colors-btn-bg-hover: var(--colors-slate-300);--colors-btn-bg-standart: var(--colors-slate-600);--colors-btn-bg-active: var(--colors-slate-800);--colors-btn-bg-disabled: var(--colors-green-800);--colors-btn-bg-danger: var(--colors-salmon-700);--colors-btn-bg-danger-active: var(--colors-salmon-500);--colors-button-primary-text-color: var(--colors-delta-900);--colors-button-primary-bg-color: var(--colors-gama-400);--colors-button-primary-border-color: var(--colors-gama-400);--colors-button-primary-focused-text-color: var(--colors-delta-900);--colors-button-primary-focused-bg-color: var(--colors-gama-400);--colors-button-primary-focused-border-color: var(--colors-yellow-400);--colors-button-primary-active-text-color: #ffffff;--colors-button-primary-active-bg-color: var(--colors-gama-800);--colors-button-primary-active-border-color: var(--colors-gama-800);--colors-button-primary-hover-text-color: var(--colors-delta-900);--colors-button-primary-hover-bg-color: var(--colors-gama-500);--colors-button-primary-hover-border-color: var(--colors-gama-500);--colors-button-primary-disabled-text-color: #ffffff;--colors-button-primary-disabled-bg-color: var(--colors-delta-400);--colors-button-primary-disabled-border-color: transparent;--colors-button-secondary-text-color: var(--colors-delta-900);--colors-button-secondary-bg-color: transparent;--colors-button-secondary-border-color: var(--colors-gama-400);--colors-button-secondary-focused-text-color: var(--colors-delta-900);--colors-button-secondary-focused-bg-color: transparent;--colors-button-secondary-focused-border-color: var(--colors-yellow-400);--colors-button-secondary-active-text-color: #ffffff;--colors-button-secondary-active-bg-color: var(--colors-gama-800);--colors-button-secondary-active-border-color: var(--colors-gama-800);--colors-button-secondary-hover-text-color: var(--colors-delta-900);--colors-button-secondary-hover-bg-color: var(--colors-gama-500);--colors-button-secondary-hover-border-color: var(--colors-gama-500);--colors-button-secondary-disabled-text-color: #ffffff;--colors-button-secondary-disabled-bg-color: var(--colors-delta-400);--colors-button-secondary-disabled-border-color: transparent;--colors-button-flat-text-color: var(--colors-delta-900);--colors-button-flat-bg-color: transparent;--colors-button-flat-border-color: transparent;--colors-button-flat-focused-text-color: var(--colors-delta-900);--colors-button-flat-focused-bg-color: transparent;--colors-button-flat-focused-border-color: var(--colors-yellow-400);--colors-button-flat-active-text-color: #ffffff;--colors-button-flat-active-bg-color: var(--colors-gama-800);--colors-button-flat-active-border-color: var(--colors-gama-800);--colors-button-flat-hover-text-color: var(--colors-delta-900);--colors-button-flat-hover-bg-color: var(--colors-gama-500);--colors-button-flat-hover-border-color: var(--colors-gama-500);--colors-button-flat-disabled-text-color: #ffffff;--colors-button-flat-disabled-bg-color: var(--colors-delta-400);--colors-button-flat-disabled-border-color: transparent;--colors-button-danger-text-color: #ffffff;--colors-button-danger-bg-color: var(--colors-beta-500);--colors-button-danger-border-color: var(--colors-beta-500);--colors-button-danger-focused-text-color: #ffffff;--colors-button-danger-focused-bg-color: var(--colors-beta-600);--colors-button-danger-focused-border-color: var(--colors-beta-600);--colors-button-danger-active-text-color: #ffffff;--colors-button-danger-active-bg-color: var(--colors-beta-700);--colors-button-danger-active-border-color: var(--colors-beta-700);--colors-button-danger-hover-text-color: #ffffff;--colors-button-danger-hover-bg-color: var(--colors-beta-600);--colors-button-danger-hover-border-color: var(--colors-beta-600);--colors-button-danger-disabled-text-color: #ffffff;--colors-button-danger-disabled-bg-color: var(--colors-beta-100);--colors-button-danger-disabled-border-color: var(--colors-beta-100);--colors-btn-bg-mini-action: var(--colors-slate-600);--colors-btn-bg-mini-action-hover: var(--colors-slate-300);--colors-link-text-hover: #ffffff;--colors-link-text-standart: #ffffff;--colors-link-text-active: var(--colors-blue-800);--colors-link-text-disabled: var(--colors-green-800);--colors-badge-bg: var(--colors-slate-600);--colors-badge-text: #ffffff;--colors-app-directory-button-select-recipient-bg: var(--colors-blue-200);--colors-btn-task-status-bg: var(--colors-slate-600);--colors-chat-ticket-message-bg: var(--colors-blue-200);--colors-topbar-text: var(--colors-zinc-500);--colors-menu-text-active: var(--colors-slate-700)}[data-theme=fretex]{--colors-primary-50: #eff4f2;--colors-primary-100: #dee8e4;--colors-primary-200: #ceddd7;--colors-primary-300: #bdd1c9;--colors-primary-400: #adc6bc;--colors-primary-500: #9cb2a9;--colors-primary-600: #8a9e96;--colors-primary-700: #798b84;--colors-primary-800: #4e5955;--colors-primary-900: #2f3533;--colors-beta-100: var(--colors-red-100);--colors-beta-500: var(--colors-red-500);--colors-beta-600: var(--colors-red-600);--colors-beta-700: var(--colors-red-700);--colors-gama-50: var(--colors-jade-50);--colors-gama-100: var(--colors-jade-100);--colors-gama-200: var(--colors-jade-200);--colors-gama-300: var(--colors-jade-300);--colors-gama-400: var(--colors-jade-400);--colors-gama-500: var(--colors-jade-500);--colors-gama-600: var(--colors-jade-600);--colors-gama-700: var(--colors-jade-700);--colors-gama-800: var(--colors-jade-800);--colors-delta-10: var(--colors-gray-10);--colors-delta-50: var(--colors-gray-50);--colors-delta-100: var(--colors-gray-100);--colors-delta-200: var(--colors-gray-200);--colors-delta-300: var(--colors-gray-300);--colors-delta-400: var(--colors-gray-400);--colors-delta-500: var(--colors-gray-500);--colors-delta-600: var(--colors-gray-600);--colors-delta-700: var(--colors-gray-600);--colors-delta-800: var(--colors-gray-600);--colors-delta-900: var(--colors-gray-900);--colors-delta-9000: var(--colors-gray-9000);--colors-delta-10000: var(--colors-gray-10000);--colors-theta-100: var(--colors-jade-100);--colors-theta-200: var(--colors-jade-200);--colors-theta-300: var(--colors-jade-300);--colors-theta-400: var(--colors-jade-400);--colors-theta-500: var(--colors-jade-500);--colors-theta-600: var(--colors-jade-600);--colors-theta-700: var(--colors-jade-700);--colors-theta-800: var(--colors-jade-800);--colors-theta-hover: var(--colors-jade-500);--colors-sigma-700: var(--colors-jade-600);--colors-link-text-hover: #ffffff;--colors-link-text-standart: #ffffff;--colors-link-text-active: #ffffff;--colors-link-text-disabled: var(--colors-gray-200);--colors-badge-bg: var(--colors-lime-500);--colors-badge-text: var(--colors-jade-600);--colors-button-primary-text-color: #ffffff;--colors-button-primary-bg-color: var(--colors-gama-600);--colors-button-primary-border-color: var(--colors-gama-600);--colors-button-primary-focused-text-color: #ffffff;--colors-button-primary-focused-bg-color: var(--colors-gama-600);--colors-button-primary-focused-border-color: var(--colors-yellow-400);--colors-button-primary-active-text-color: #ffffff;--colors-button-primary-active-bg-color: var(--colors-gama-800);--colors-button-primary-active-border-color: var(--colors-gama-800);--colors-button-primary-hover-text-color: #ffffff;--colors-button-primary-hover-bg-color: var(--colors-gama-700);--colors-button-primary-hover-border-color: var(--colors-gama-700);--colors-button-primary-disabled-text-color: #ffffff;--colors-button-primary-disabled-bg-color: var(--colors-delta-400);--colors-button-primary-disabled-border-color: var(--colors-delta-400);--colors-button-secondary-text-color: var(--colors-gama-600);--colors-button-secondary-bg-color: transparent;--colors-button-secondary-border-color: var(--colors-gama-600);--colors-button-secondary-focused-text-color: var(--colors-gama-600);--colors-button-secondary-focused-bg-color: transparent;--colors-button-secondary-focused-border-color: var(--colors-yellow-400);--colors-button-secondary-active-text-color: #ffffff;--colors-button-secondary-active-bg-color: var(--colors-gama-800);--colors-button-secondary-active-border-color: var(--colors-gama-800);--colors-button-secondary-hover-text-color: #ffffff;--colors-button-secondary-hover-bg-color: var(--colors-gama-700);--colors-button-secondary-hover-border-color: var(--colors-gama-700);--colors-button-secondary-disabled-text-color: #ffffff;--colors-button-secondary-disabled-bg-color: var(--colors-delta-400);--colors-button-secondary-disabled-border-color: var(--colors-delta-400);--colors-button-flat-text-color: var(--colors-gama-600);--colors-button-flat-bg-color: transparent;--colors-button-flat-border-color: var(--colors-gama-600);--colors-button-flat-focused-text-color: var(--colors-gama-600);--colors-button-flat-focused-bg-color: transparent;--colors-button-flat-focused-border-color: var(--colors-yellow-400);--colors-button-flat-active-text-color: #ffffff;--colors-button-flat-active-bg-color: var(--colors-gama-800);--colors-button-flat-active-border-color: var(--colors-gama-800);--colors-button-flat-hover-text-color: #ffffff;--colors-button-flat-hover-bg-color: var(--colors-gama-700);--colors-button-flat-hover-border-color: var(--colors-gama-700);--colors-button-flat-disabled-text-color: #ffffff;--colors-button-flat-disabled-bg-color: var(--colors-delta-400);--colors-button-flat-disabled-border-color: var(--colors-delta-400);--colors-button-danger-text-color: #ffffff;--colors-button-danger-bg-color: var(--colors-beta-500);--colors-button-danger-border-color: var(--colors-beta-500);--colors-button-danger-focused-text-color: #ffffff;--colors-button-danger-focused-bg-color: var(--colors-beta-600);--colors-button-danger-focused-border-color: var(--colors-beta-600);--colors-button-danger-active-text-color: #ffffff;--colors-button-danger-active-bg-color: var(--colors-beta-700);--colors-button-danger-active-border-color: var(--colors-beta-700);--colors-button-danger-hover-text-color: #ffffff;--colors-button-danger-hover-bg-color: var(--colors-beta-600);--colors-button-danger-hover-border-color: var(--colors-beta-600);--colors-button-danger-disabled-text-color: #ffffff;--colors-button-danger-disabled-bg-color: var(--colors-beta-100);--colors-button-danger-disabled-border-color: var(--colors-beta-100);--colors-menu-text-active: var(--colors-jade-700)}[data-theme=greenish]{--colors-primary-50: #e9fcfc;--colors-primary-100: #dffafa;--colors-primary-200: #bef4f4;--colors-primary-300: #78e8e8;--colors-primary-400: #32dcdc;--colors-primary-500: #1ca1a1;--colors-primary-600: #157a7a;--colors-primary-700: #105c5c;--colors-primary-800: #0b4141;--colors-primary-900: #093434;--colors-beta-100: var(--colors-red-100);--colors-beta-500: var(--colors-red-500);--colors-beta-600: var(--colors-red-600);--colors-beta-700: var(--colors-red-700);--colors-gama-50: var(--colors-jade-50);--colors-gama-100: var(--colors-jade-100);--colors-gama-200: var(--colors-jade-200);--colors-gama-300: var(--colors-jade-300);--colors-gama-400: var(--colors-jade-400);--colors-gama-500: var(--colors-jade-500);--colors-gama-600: var(--colors-jade-600);--colors-gama-700: var(--colors-jade-700);--colors-gama-800: var(--colors-jade-800);--colors-delta-10: var(--colors-gray-10);--colors-delta-50: var(--colors-gray-50);--colors-delta-100: var(--colors-gray-100);--colors-delta-200: var(--colors-gray-200);--colors-delta-300: var(--colors-gray-300);--colors-delta-400: var(--colors-gray-400);--colors-delta-500: var(--colors-gray-500);--colors-delta-600: var(--colors-gray-600);--colors-delta-700: var(--colors-gray-600);--colors-delta-800: var(--colors-gray-600);--colors-delta-900: var(--colors-gray-900);--colors-delta-9000: var(--colors-gray-9000);--colors-delta-10000: var(--colors-gray-10000);--colors-theta-100: var(--colors-jade-100);--colors-theta-200: var(--colors-jade-200);--colors-theta-300: var(--colors-jade-300);--colors-theta-400: var(--colors-jade-400);--colors-theta-500: var(--colors-jade-500);--colors-theta-600: var(--colors-jade-600);--colors-theta-700: var(--colors-jade-700);--colors-theta-800: var(--colors-jade-800);--colors-theta-hover: var(--colors-jade-500);--colors-sigma-700: var(--colors-jade-600);--colors-link-text-hover: #ffffff;--colors-link-text-standart: #ffffff;--colors-link-text-active: #ffffff;--colors-link-text-disabled: var(--colors-gray-200);--colors-badge-bg: var(--colors-lime-500);--colors-badge-text: var(--colors-jade-600);--colors-button-primary-text-color: #ffffff;--colors-button-primary-bg-color: var(--colors-gama-600);--colors-button-primary-border-color: var(--colors-gama-600);--colors-button-primary-focused-text-color: #ffffff;--colors-button-primary-focused-bg-color: var(--colors-gama-600);--colors-button-primary-focused-border-color: var(--colors-yellow-400);--colors-button-primary-active-text-color: #ffffff;--colors-button-primary-active-bg-color: var(--colors-gama-800);--colors-button-primary-active-border-color: var(--colors-gama-800);--colors-button-primary-hover-text-color: #ffffff;--colors-button-primary-hover-bg-color: var(--colors-gama-700);--colors-button-primary-hover-border-color: var(--colors-gama-700);--colors-button-primary-disabled-text-color: #ffffff;--colors-button-primary-disabled-bg-color: var(--colors-delta-400);--colors-button-primary-disabled-border-color: var(--colors-delta-400);--colors-button-secondary-text-color: var(--colors-gama-600);--colors-button-secondary-bg-color: transparent;--colors-button-secondary-border-color: var(--colors-gama-600);--colors-button-secondary-focused-text-color: var(--colors-gama-600);--colors-button-secondary-focused-bg-color: transparent;--colors-button-secondary-focused-border-color: var(--colors-yellow-400);--colors-button-secondary-active-text-color: #ffffff;--colors-button-secondary-active-bg-color: var(--colors-gama-800);--colors-button-secondary-active-border-color: var(--colors-gama-800);--colors-button-secondary-hover-text-color: #ffffff;--colors-button-secondary-hover-bg-color: var(--colors-gama-700);--colors-button-secondary-hover-border-color: var(--colors-gama-700);--colors-button-secondary-disabled-text-color: #ffffff;--colors-button-secondary-disabled-bg-color: var(--colors-delta-400);--colors-button-secondary-disabled-border-color: var(--colors-delta-400);--colors-button-flat-text-color: var(--colors-gama-600);--colors-button-flat-bg-color: transparent;--colors-button-flat-border-color: var(--colors-gama-600);--colors-button-flat-focused-text-color: var(--colors-gama-600);--colors-button-flat-focused-bg-color: transparent;--colors-button-flat-focused-border-color: var(--colors-yellow-400);--colors-button-flat-active-text-color: #ffffff;--colors-button-flat-active-bg-color: var(--colors-gama-800);--colors-button-flat-active-border-color: var(--colors-gama-800);--colors-button-flat-hover-text-color: #ffffff;--colors-button-flat-hover-bg-color: var(--colors-gama-700);--colors-button-flat-hover-border-color: var(--colors-gama-700);--colors-button-flat-disabled-text-color: #ffffff;--colors-button-flat-disabled-bg-color: var(--colors-delta-400);--colors-button-flat-disabled-border-color: var(--colors-delta-400);--colors-button-danger-text-color: #ffffff;--colors-button-danger-bg-color: var(--colors-beta-500);--colors-button-danger-border-color: var(--colors-beta-500);--colors-button-danger-focused-text-color: #ffffff;--colors-button-danger-focused-bg-color: var(--colors-beta-600);--colors-button-danger-focused-border-color: var(--colors-beta-600);--colors-button-danger-active-text-color: #ffffff;--colors-button-danger-active-bg-color: var(--colors-beta-700);--colors-button-danger-active-border-color: var(--colors-beta-700);--colors-button-danger-hover-text-color: #ffffff;--colors-button-danger-hover-bg-color: var(--colors-beta-600);--colors-button-danger-hover-border-color: var(--colors-beta-600);--colors-button-danger-disabled-text-color: #ffffff;--colors-button-danger-disabled-bg-color: var(--colors-beta-100);--colors-button-danger-disabled-border-color: var(--colors-beta-100);--colors-menu-text-active: var(--colors-jade-700)}:root{--text-h1: 1.5rem;--text-h2: 1.125rem;--text-pageTitle: 1.5rem;--text-sectionTitle: 1.125rem;--text-medium: 1rem;--text-base: .875rem;--text-small: .75rem;--text-xSmall: .625rem}.m-0{margin:0!important}.m-auto{margin:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mr-2{margin-right:.5rem!important}.mt-0{margin-top:0!important}.mt-2{margin-top:.5rem!important}.flex{display:flex!important}.contents{display:contents!important}.w-fit{width:-moz-fit-content!important;width:fit-content!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0 !important;margin-right:calc(.75rem * var(--tw-space-x-reverse))!important;margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))!important}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0 !important;margin-right:calc(1rem * var(--tw-space-x-reverse))!important;margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))!important}.border-primary-main{border-color:var(--colors-primary-600)!important}.bg-gray-200{--tw-bg-opacity: 1 !important;background-color:rgb(229 231 235 / var(--tw-bg-opacity))!important}.bg-primary-100{background-color:var(--colors-primary-100)!important}.bg-primary-700{background-color:var(--colors-primary-700)!important}.bg-primary-main{background-color:var(--colors-primary-600)!important}.bg-transparent{background-color:transparent!important}.p-0{padding:0!important}.p-4{padding:1rem!important}.p-5{padding:1.25rem!important}.text-center{text-align:center!important}.\!text-\[14px\]{font-size:14px!important}.text-2xl{font-size:1.563rem!important}.text-base{font-size:var(--text-base)!important}.text-h1{font-size:var(--text-h1)!important}.text-h2{font-size:var(--text-h2)!important}.text-small{font-size:var(--text-small)!important}.text-xSmall{font-size:var(--text-xSmall)!important}.text-xl{font-size:1.25rem!important}.font-semibold{font-weight:600!important}.capitalize{text-transform:capitalize!important}.normal-case{text-transform:none!important}.leading-tight{line-height:1.25!important}.text-\[\#b5bec9\]{--tw-text-opacity: 1 !important;color:rgb(181 190 201 / var(--tw-text-opacity))!important}.text-gama-700{color:var(--colors-gama-700)!important}.text-gray-400{--tw-text-opacity: 1 !important;color:rgb(156 163 175 / var(--tw-text-opacity))!important}.text-gray-600{--tw-text-opacity: 1 !important;color:rgb(75 85 99 / var(--tw-text-opacity))!important}.text-gray-800{--tw-text-opacity: 1 !important;color:rgb(31 41 55 / var(--tw-text-opacity))!important}.text-primary-700{color:var(--colors-primary-700)!important}.text-primary-dark{color:var(--colors-primary-900)!important}.overline{text-decoration-line:overline!important}.shadow-\[0_0_0_3px\]{--tw-shadow: 0 0 0 3px !important;--tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.shadow-primary-400{--tw-shadow-color: var(--colors-primary-400) !important;--tw-shadow: var(--tw-shadow-colored) !important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.hover\:border-primary-500:hover{border-color:var(--colors-primary-500)!important}.hover\:bg-primary-500:hover{background-color:var(--colors-primary-500)!important}.hover\:bg-primary-700:hover{background-color:var(--colors-primary-700)!important}.hover\:text-gray-50:hover{--tw-text-opacity: 1 !important;color:rgb(249 250 251 / var(--tw-text-opacity))!important}.hover\:text-primary-600:hover{color:var(--colors-primary-600)!important}.hover\:text-primary-700:hover{color:var(--colors-primary-700)!important}.active\:bg-primary-dark:active{background-color:var(--colors-primary-900)!important}.\[\&\>input\]\:h-full>input{height:100%!important}.\[\&\>input\]\:w-full>input{width:100%!important}.\[\&\>svg\]\:h-5>svg{height:1.25rem!important}.\[\&\>svg\]\:w-5>svg{width:1.25rem!important}._all-icons-container_z9w7e_1{display:flex;height:100%;width:100%;flex-wrap:wrap;align-items:center;gap:1.25rem;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));padding:1.25rem}@keyframes _opacity-appear_z9w7e_1{0%{opacity:0}to{opacity:1}}._icon_z9w7e_5{animation:_opacity-appear_z9w7e_1 .3s linear;cursor:pointer;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}._styled-data-grid_7tbfs_1{border-radius:0!important;border-width:0px!important;border-top-width:1px!important;--tw-border-opacity: 1 !important;border-color:rgb(189 196 207 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important}._styled-data-grid_7tbfs_1 svg{--tw-text-opacity: 1 !important;color:rgb(11 12 15 / var(--tw-text-opacity))!important}._cell_7tbfs_8{min-height:50px!important;border-bottom-width:1px!important;--tw-border-opacity: 1 !important;border-color:rgb(189 196 207 / var(--tw-border-opacity))!important}._cell_7tbfs_8:focus-within{outline:2px solid transparent!important;outline-offset:2px!important}._cell_7tbfs_8:focus{outline:2px solid transparent!important;outline-offset:2px!important}._cellContent_7tbfs_12{font-size:var(--text-base)!important;--tw-text-opacity: 1 !important;color:rgb(11 12 15 / var(--tw-text-opacity))!important}._columnHeader_7tbfs_16{height:30px!important;border-right-width:0px!important}._columnHeader_7tbfs_16:focus-within{outline:2px solid transparent!important;outline-offset:2px!important}._columnHeader_7tbfs_16:focus{outline:2px solid transparent!important;outline-offset:2px!important}._columnHeaderTitle_7tbfs_20{font-size:10px!important;font-weight:600!important;text-transform:uppercase!important;--tw-text-opacity: 1 !important;color:rgb(122 137 158 / var(--tw-text-opacity))!important}._columnHeaders_7tbfs_24{min-height:30px!important;border-radius:0!important;border-bottom-width:1px!important;--tw-border-opacity: 1 !important;border-color:rgb(189 196 207 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(252 252 253 / var(--tw-bg-opacity))!important}._footerContainer_7tbfs_28{--tw-border-opacity: 1 !important;border-color:rgb(189 196 207 / var(--tw-border-opacity))!important}._iconSeparator_7tbfs_32{display:none!important}._row_7tbfs_36{min-height:50px!important}._row_7tbfs_36:hover{cursor:pointer!important;background-color:var(--colors-primary-50)!important}._virtualScrollerContent_7tbfs_40{border-bottom-width:0px!important}._menuIconButton_7tbfs_44{visibility:visible!important;position:absolute!important;right:1.25rem!important;display:flex!important}._root_1jf25_1{--tw-text-opacity: 1 !important;color:rgb(181 190 201 / var(--tw-text-opacity))!important}._root_1jf25_1:hover{color:var(--colors-primary-600)!important}._root_1jf25_1 input{height:100%!important;width:100%!important}._root_1jf25_1 svg{height:1.5rem!important;width:1.5rem!important}._checked_1jf25_11,._checked_1jf25_11:hover{color:var(--colors-primary-600)!important}._disabled_1jf25_15{opacity:.5!important}

package/dist/tailwind.config.d.ts

@@ -0,0 +1,175 @@
+declare const _default: {
+    mode: string;
+    important: true;
+    content: string[];
+    theme: {
+        fontFamily: {
+            roboto: [string];
+            sans: [string];
+        };
+        fontSize: {
+            sm: string;
+            base: string;
+            xl: string;
+            '2xl': string;
+            '3xl': string;
+            '4xl': string;
+            '5xl': string;
+        };
+        extend: {
+            colors: {
+                inherit: string;
+                "textcolor-component": string;
+                "color-active-component": string;
+                "alpha-100": string;
+                "alpha-500": string;
+                "alpha-600": string;
+                "alpha-700": string;
+                "beta-100": string;
+                "beta-500": string;
+                "beta-600": string;
+                "beta-700": string;
+                "gama-50": string;
+                "gama-100": string;
+                "gama-200": string;
+                "gama-300": string;
+                "gama-400": string;
+                "gama-500": string;
+                "gama-600": string;
+                "gama-700": string;
+                "gama-800": string;
+                "delta-10": string;
+                "delta-50": string;
+                "delta-100": string;
+                "delta-200": string;
+                "delta-300": string;
+                "delta-400": string;
+                "delta-500": string;
+                "delta-600": string;
+                "delta-700": string;
+                "delta-800": string;
+                "delta-900": string;
+                "delta-9000": string;
+                "sigma-700": string;
+                "zeta-700": string;
+                "theta-100": string;
+                "theta-200": string;
+                "theta-300": string;
+                "theta-400": string;
+                "theta-500": string;
+                "theta-600": string;
+                "theta-700": string;
+                "theta-800": string;
+                "theta-hover": string;
+                "btn-bg": string;
+                "btn-bg-active": string;
+                "btn-bg-hover": string;
+                "btn-bg-disabled": string;
+                "btn-bg-danger": string;
+                "btn-bg-danger-active": string;
+                "btn-task-status-bg": string;
+                "btn-bg-mini-action": string;
+                "btn-bg-mini-action-hover": string;
+                "badge-bg": string;
+                "badge-text": string;
+                "chat-ticket-message-bg": string;
+                "colors-topbar-text": string;
+                "custom-grey-01": string;
+                "custom-grey-02": string;
+                "custom-grey-03": string;
+                "custom-grey-04": string;
+                "custom-grey-06": string;
+                primary: {
+                    "50": string;
+                    "100": string;
+                    "200": string;
+                    "300": string;
+                    "400": string;
+                    "500": string;
+                    "600": string;
+                    "700": string;
+                    "800": string;
+                    "900": string;
+                    light: string;
+                    main: string;
+                    dark: string;
+                    contrastText: string;
+                };
+            };
+            boxShadow: {
+                ash: string;
+            };
+            animation: {
+                "slide-in": string;
+                "slide-out": string;
+                "opacity-in": string;
+                "opacity-in-5": string;
+                "opacity-appear-3": string;
+                "opacity-out": string;
+            };
+            keyframes: {
+                "slide-in": {
+                    "0%": {
+                        margin: string;
+                    };
+                    "100%": {
+                        margin: string;
+                    };
+                };
+                "slide-out": {
+                    "0%": {
+                        margin: string;
+                    };
+                    "100%": {
+                        margin: string;
+                    };
+                };
+                "opacity-in": {
+                    "0%": {
+                        opacity: string;
+                        height: string;
+                    };
+                    "100%": {
+                        opacity: string;
+                        height: string;
+                    };
+                };
+                "opacity-appear": {
+                    "0%": {
+                        opacity: string;
+                    };
+                    "100%": {
+                        opacity: string;
+                    };
+                };
+                "opacity-out": {
+                    "0%": {
+                        opacity: string;
+                        height: string;
+                    };
+                    "60%": {
+                        opacity: string;
+                        height: string;
+                    };
+                    "100%": {
+                        opacity: string;
+                        height: string;
+                    };
+                };
+            };
+            fontSize: {
+                h1: string;
+                h2: string;
+                base: string;
+                pageTitle: string;
+                sectionTitle: string;
+                medium: string;
+                small: string;
+                xSmall: string;
+            };
+        };
+    };
+    darkMode: "media";
+    plugins: never[];
+};
+export default _default;

package/dist/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfigExport;
+export default _default;

package/package.json

@@ -3,12 +3,12 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "1.9.4",
+    "version": "2.0.0",
     "type": "module",
     "files": [
         "dist/**/*",
         "dist/style.css",
-        "tailwind-configs"
+        "tw-configs/**/*"
     ],
     "keywords": [],
     "author": "asma-team",
@@ -23,10 +23,10 @@
         "version": "echo $npm_package_version",
         "lint:fix": "eslint --fix src/**/*.{jsx,ts,tsx}",
         "prettier": "prettier --write src//**/*.{ts,tsx,scss} --config ./.prettierrc",
-        "storybook": "start-storybook -p 6006",
-        "storybook:node18": "export NODE_OPTIONS=--openssl-legacy-provider && start-storybook -p 6006",
-        "storybook:node18:win": "set NODE_OPTIONS=--openssl-legacy-provider && start-storybook -p 6006",
-        "build-storybook": "build-storybook",
+        "storybook": "storybook dev -p 6006",
+        "storybook:node18": "export NODE_OPTIONS=--openssl-legacy-provider && storybook dev -p 6006",
+        "storybook:node18:win": "set NODE_OPTIONS=--openssl-legacy-provider && storybook dev -p 6006",
+        "build-storybook": "storybook build",
         "create-index": "ctix create -p ./tsconfig.json -w -a ./src",
         "changeset:version": "changeset version",
         "changeset:publish": "changeset publish",
@@ -34,72 +34,57 @@
     },
     "license": "UNLICENSED",
     "dependencies": {
-        "@changesets/cli": "^2.26.1",
-        "@emotion/react": "^11.10.6",
-        "@emotion/styled": "^11.10.6",
-        "@fontsource/material-icons": "^4.5.4",
-        "@fontsource/roboto": "^4.5.8",
-        "@mui/icons-material": "^5.11.11",
-        "@mui/material": "^5.11.13",
-        "@mui/x-data-grid": "^6.3.0",
-        "@storybook/addon-styling": "^0.3.1",
-        "@storybook/addons": "^6.5.16",
+        "@changesets/cli": "^2.26.2",
+        "@emotion/react": "^11.11.1",
+        "@emotion/styled": "^11.11.0",
+        "@fontsource/material-icons": "^5.0.4",
+        "@fontsource/roboto": "^5.0.4",
+        "@iconify/react": "^4.1.1",
+        "@mui/material": "^5.13.7",
+        "@mui/x-data-grid": "^6.9.2",
+        "@types/node": "^20.3.3",
         "clsx": "^1.2.1",
-        "ctix": "^1.8.2",
         "lodash-es": "^4.17.21",
+        "node": "^20.3.1",
         "notistack": "^3.0.1",
-        "rollup-plugin-typescript2": "^0.34.1",
-        "storybook": "^6.5.16"
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "rollup-plugin-typescript2": "^0.35.0",
+        "vite-plugin-dts": "^3.1.1",
+        "vite-tsconfig-paths": "^4.2.0"
     },
     "devDependencies": {
-        "@babel/core": "^7.20.12",
-        "@iconify/react": "^4.1.0",
-        "@rollup/plugin-commonjs": "21",
-        "@storybook/addon-actions": "^6.5.15",
-        "@storybook/addon-essentials": "^6.5.15",
-        "@storybook/addon-interactions": "^6.5.15",
-        "@storybook/addon-links": "^6.5.15",
-        "@storybook/builder-vite": "^0.2.6",
-        "@storybook/react": "^6.5.15",
-        "@storybook/testing-library": "^0.0.13",
+        "@storybook/addon-essentials": "^7.0.26",
+        "@storybook/addon-interactions": "^7.0.26",
+        "@storybook/addon-links": "^7.0.26",
+        "@storybook/addon-mdx-gfm": "^7.0.26",
+        "@storybook/addon-styling": "^1.3.2",
+        "@storybook/addons": "^7.0.26",
+        "@storybook/blocks": "^7.0.26",
+        "@storybook/manager-api": "^7.0.26",
+        "@storybook/react": "^7.0.26",
+        "@storybook/react-vite": "^7.0.26",
+        "@storybook/testing-library": "^0.2.0",
+        "@storybook/theming": "^7.0.26",
         "@types/lodash-es": "^4.17.7",
-        "@types/react": "^18.0.26",
-        "@types/react-dom": "^18.0.9",
-        "@typescript-eslint/eslint-plugin": "^5.0.0",
-        "@typescript-eslint/parser": "^5.38.1",
-        "@vitejs/plugin-react": "^3.0.0",
-        "autoprefixer": "^10.4.12",
-        "babel-loader": "^8.3.0",
-        "eslint": "^8.0.1",
-        "eslint-config-prettier": "^8.5.0",
-        "eslint-import-resolver-typescript": "^3.5.1",
-        "eslint-plugin-import": "^2.25.2",
-        "eslint-plugin-jsx-a11y": "^6.6.1",
-        "eslint-plugin-prettier": "^4.2.1",
-        "eslint-plugin-promise": "^6.0.0",
-        "eslint-plugin-react": "^7.31.8",
+        "@types/react": "^18.0.37",
+        "@types/react-dom": "^18.0.11",
+        "@typescript-eslint/eslint-plugin": "^5.59.0",
+        "@typescript-eslint/parser": "^5.59.0",
+        "@vitejs/plugin-react": "^4.0.0",
+        "autoprefixer": "^10.4.14",
+        "eslint": "^8.38.0",
         "eslint-plugin-react-hooks": "^4.6.0",
-        "eslint-plugin-simple-import-sort": "^8.0.0",
-        "eslint-plugin-storybook": "^0.6.8",
-        "eslint-plugin-unused-imports": "^2.0.0",
-        "immer": "^9.0.21",
-        "less": "^4.1.3",
-        "lint-staged": "^13.0.3",
-        "node-sass": "^8.0.0",
-        "postcss": "^8.4.16",
-        "prettier": "^2.7.1",
-        "prettier-plugin-tailwindcss": "^0.1.13",
-        "react": "^18.*",
-        "react-dom": "^18.*",
-        "react-hooks": "^1.0.1",
-        "sass": "^1.57.1",
-        "tailwind": "^4.0.0",
+        "eslint-plugin-react-refresh": "^0.3.4",
+        "eslint-plugin-storybook": "^0.6.12",
+        "postcss": "^8.4.24",
+        "prop-types": "^15.8.1",
+        "storybook": "^7.0.26",
+        "storybook-addon-themes": "^6.1.0",
         "tailwindcss": "^3.3.2",
-        "typescript": "5.0.2",
-        "typescript-plugin-css-modules": "^3.4.0",
-        "vite": "^4.3.5",
-        "vite-plugin-dts": "^2.1.0",
-        "vite-tsconfig-paths": "^4.0.3"
+        "typescript": "^5.0.2",
+        "typescript-plugin-css-modules": "^5.0.1",
+        "vite": "^4.3.9"
     },
     "peerDependencies": {
         "@emotion/react": "^11.*",
@@ -114,6 +99,6 @@
             "import": "./dist/asma-core-ui.es.js"
         },
         "./dist/style.css": "./dist/style.css",
-        "./tailwind-configs/tw_configs.ts": "./tailwind-configs/tw_configs.ts"
+        "./tw-configs/twConfigs.json": "./tw-configs/twConfigs.json"
     }
 }

package/tw-configs/twConfigs.json

@@ -0,0 +1,107 @@
+{
+    "colors": {
+        "inherit": "inherit",
+        "textcolor-component": "var(--colors-text-component)",
+        "color-active-component": "var(--colors-active-component)",
+        "alpha-100": "var(--colors-alpha-100)",
+        "alpha-500": "var(--colors-alpha-500)",
+        "alpha-600": "var(--colors-alpha-600)",
+        "alpha-700": "var(--colors-alpha-700)",
+        "beta-100": "var(--colors-beta-100)",
+        "beta-500": "var(--colors-beta-500)",
+        "beta-600": "var(--colors-beta-600)",
+        "beta-700": "var(--colors-beta-700)",
+        "gama-50": "var(--colors-gama-50)",
+        "gama-100": "var(--colors-gama-100)",
+        "gama-200": "var(--colors-gama-200)",
+        "gama-300": "var(--colors-gama-300)",
+        "gama-400": "red",
+        "gama-500": "var(--colors-gama-500)",
+        "gama-600": "var(--colors-gama-600)",
+        "gama-700": "var(--colors-gama-700)",
+        "gama-800": "var(--colors-gama-800)",
+        "delta-10": "var(--colors-delta-10)",
+        "delta-50": "var(--colors-delta-50)",
+        "delta-100": "var(--colors-delta-100)",
+        "delta-200": "var(--colors-delta-200)",
+        "delta-300": "var(--colors-delta-300)",
+        "delta-400": "var(--colors-delta-400)",
+        "delta-500": "var(--colors-delta-500)",
+        "delta-600": "var(--colors-delta-600)",
+        "delta-700": "var(--colors-delta-700)",
+        "delta-800": "var(--colors-delta-800)",
+        "delta-900": "var(--colors-delta-900)",
+        "delta-9000": "var(--colors-gray-9000)",
+        "sigma-700": "var(--colors-sigma-700)",
+        "zeta-700": "var(--colors-zeta-700)",
+        "theta-100": "var(--colors-theta-100)",
+        "theta-200": "var(--colors-theta-200)",
+        "theta-300": "var(--colors-theta-300)",
+        "theta-400": "var(--colors-theta-400)",
+        "theta-500": "var(--colors-theta-500)",
+        "theta-600": "var(--colors-theta-600)",
+        "theta-700": "var(--colors-theta-700)",
+        "theta-800": "var(--colors-theta-800)",
+        "theta-hover": "var(--colors-theta-hover)",
+        "btn-bg": "var(--colors-btn-bg-standart)",
+        "btn-bg-active": "var(--colors-btn-bg-active)",
+        "btn-bg-hover": "var(--colors-btn-bg-hover)",
+        "btn-bg-disabled": "var(--colors-btn-bg-disabled)",
+        "btn-bg-danger": "var(--colors-btn-bg-danger)",
+        "btn-bg-danger-active": "var(--colors-btn-bg-danger-active)",
+        "btn-task-status-bg": "var(--colors-btn-task-status-bg)",
+        "btn-bg-mini-action": "var(--colors-btn-bg-mini-action)",
+        "btn-bg-mini-action-hover": "var(--colors-btn-bg-mini-action-hover)",
+        "badge-bg": "var(--colors-badge-bg)",
+        "badge-text": "var(--colors-badge-text)",
+        "chat-ticket-message-bg": "var(--colors-chat-ticket-message-bg)",
+        "colors-topbar-text": "var(--colors-topbar-text)",
+        "custom-grey-01": "hsl(var(--color-cardea--grey-01) / <alpha-value>)",
+        "custom-grey-02": "hsl(var(--color-cardea--grey-02) / <alpha-value>)",
+        "custom-grey-03": "hsl(var(--color-cardea--grey-03) / <alpha-value>)",
+        "custom-grey-04": "hsl(var(--color-cardea--grey-04) / <alpha-value>)",
+        "custom-grey-06": "hsl(var(--color-cardea--grey-06) / <alpha-value>)"
+    },
+    "boxShadow": { "ash": "-1px 8px 18px -20px black" },
+    "animation": {
+        "slide-in": "slide-in 0.3s linear",
+        "slide-out": "slide-out 0.3s linear",
+        "opacity-in": "opacity-in 0.1s linear",
+        "opacity-in-5": "opacity-in 0.5s linear",
+        "opacity-appear-3": "opacity-appear 0.3s linear",
+        "opacity-out": "opacity-out 0.3s linear"
+    },
+    "keyframes": {
+        "slide-in": {
+            "0%": { "margin": "0 0 0 -320px" },
+            "100%": { "margin": "0" }
+        },
+        "slide-out": {
+            "0%": { "margin": "0" },
+            "100%": { "margin": "0 0 0 -320px" }
+        },
+        "opacity-in": {
+            "0%": {
+                "opacity": "0",
+                "height": "100%"
+            },
+            "100%": {
+                "opacity": "1",
+                "height": "100%"
+            }
+        },
+        "opacity-appear": {
+            "0%": {
+                "opacity": "0"
+            },
+            "100%": {
+                "opacity": "1"
+            }
+        },
+        "opacity-out": {
+            "0%": { "opacity": "1", "height": "100%" },
+            "60%": { "opacity": "1", "height": "100%" },
+            "100%": { "opacity": "0", "height": "100%" }
+        }
+    }
+}

package/dist/components/Dialog/StyledDialog.d.ts

@@ -1,6 +0,0 @@
-import type { DialogProps } from '@mui/material/Dialog';
-export interface IStyledDialogProps extends DialogProps {
-    onCloseText?: string;
-    showCloseIcon?: boolean;
-}
-export declare const StyledDialog: import("@emotion/styled").StyledComponent<IStyledDialogProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/components/Dialog/StyledDialogActions.d.ts

@@ -1,2 +0,0 @@
-import { type DialogActionsProps } from '@mui/material';
-export declare const StyledDialogActions: import("@emotion/styled").StyledComponent<DialogActionsProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/components/Dialog/StyledDialogContent.d.ts

@@ -1,2 +0,0 @@
-import { type DialogContentProps } from '@mui/material';
-export declare const StyledDialogContent: import("@emotion/styled").StyledComponent<DialogContentProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/components/Dialog/StyledDialogTitle.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-export declare const StyledDialogTitle: import("@emotion/styled").StyledComponent<{
-    component?: import("react").ElementType<any> | undefined;
-} & {
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").DialogTitleClasses> | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-} & Omit<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
-    align?: "center" | "left" | "right" | "inherit" | "justify" | undefined;
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    variant?: import("@mui/types").OverridableStringUnion<"inherit" | import("@mui/material").TypographyVariant, import("@mui/material").TypographyPropsVariantOverrides> | undefined;
-    variantMapping?: Partial<Record<import("@mui/types").OverridableStringUnion<"inherit" | import("@mui/material").TypographyVariant, import("@mui/material").TypographyPropsVariantOverrides>, string>> | undefined;
-}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "children" | "variant" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "align" | "component" | ("p" | "color" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/components/Select/StyledSelect.d.ts

@@ -1,2 +0,0 @@
-import { type SelectProps } from '@mui/material';
-export declare const StyledSelect: import("@emotion/styled").StyledComponent<SelectProps<unknown> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;