mimir-ui-kit 1.22.0 → 1.24.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (43) hide show
  1. package/dist/assets/Drawer.css +1 -1
  2. package/dist/assets/SelectSearch.css +1 -1
  3. package/dist/assets/TabTrail.css +1 -1
  4. package/dist/components/Accordion/Accordion.d.ts +2 -0
  5. package/dist/components/Accordion/Accordion.js +15 -2
  6. package/dist/components/Drawer/Drawer.js +19 -19
  7. package/dist/components/SelectSearch/SelectSearch.js +27 -22
  8. package/dist/components/Steps/Steps.js +2 -2
  9. package/dist/components/Steps/constants.d.ts +11 -1
  10. package/dist/components/Steps/constants.js +44 -0
  11. package/dist/components/TabTrail/TabTrail.js +9 -9
  12. package/dist/components/Uploader/Uploader.d.ts +4 -0
  13. package/dist/components/Uploader/Uploader.js +3 -2
  14. package/dist/components/UploaderPhotos/UploaderPhotos.d.ts +4 -0
  15. package/dist/components/UploaderPhotos/UploaderPhotos.js +12 -4
  16. package/dist/components/Vote/index.d.ts +1 -1
  17. package/dist/components/index.d.ts +1 -1
  18. package/dist/icons/Icon.js +1 -1
  19. package/dist/icons/components/12px/MessageRead12px.d.ts +4 -0
  20. package/dist/icons/components/12px/MessageRead12px.js +37 -0
  21. package/dist/icons/components/32px/PersonalManager32px.d.ts +4 -0
  22. package/dist/icons/components/32px/PersonalManager32px.js +112 -0
  23. package/dist/icons/components/StepXL.d.ts +4 -0
  24. package/dist/icons/components/StepXL.js +32 -0
  25. package/dist/icons/components/index.d.ts +3 -0
  26. package/dist/icons/components/index.js +543 -540
  27. package/dist/{index-Cxiikb7g.js → index-FDVpKRvA.js} +550 -539
  28. package/dist/utils/index.d.ts +0 -2
  29. package/dist/utils/index.js +1 -3
  30. package/package.json +1 -1
  31. package/dist/assets/ListFiles.css +0 -1
  32. package/dist/components/ListFiles/ListFiles.d.ts +0 -26
  33. package/dist/components/ListFiles/ListFiles.js +0 -42
  34. package/dist/components/ListFiles/constants.d.ts +0 -3
  35. package/dist/components/ListFiles/constants.js +0 -33
  36. package/dist/components/ListFiles/index.d.ts +0 -2
  37. package/dist/components/ListFiles/index.js +0 -4
  38. package/dist/components/UploaderFiles/UploaderFiles.d.ts +0 -38
  39. package/dist/components/UploaderFiles/UploaderFiles.js +0 -68
  40. package/dist/components/UploaderFiles/index.d.ts +0 -2
  41. package/dist/components/UploaderFiles/index.js +0 -4
  42. package/dist/utils/formating/FileSize.d.ts +0 -1
  43. package/dist/utils/formating/FileSize.js +0 -13
@@ -1 +1 @@
1
- ._drawer_1y1lk_3{--drawer-width: 808px;--drawer-z-index: 10000;position:fixed;z-index:10000;z-index:var(--drawer-z-index);display:flex;flex-direction:column;width:808px;width:var(--drawer-width);height:100%;overflow:auto;background-color:var(--black-5);transition:all .3s ease;pointer-events:none}._drawer_1y1lk_3::-webkit-scrollbar{width:3px}._drawer_1y1lk_3::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._drawer_1y1lk_3::-webkit-scrollbar-track{background-color:var(--white)}._drawer_1y1lk_3 ._content_1y1lk_27{position:relative;display:flex;flex:1;flex-direction:column;padding:var(--space-m) var(--space-4xl) var(--space-4xl);transition:all .3s ease}@media (max-width: 600px){._drawer_1y1lk_3 ._content_1y1lk_27{--drawer-width: 100%;padding:var(--space-m)}}._drawer_1y1lk_3 ._content_1y1lk_27._is-loading_1y1lk_41{align-items:center;justify-content:center}._drawer_1y1lk_3 ._header_1y1lk_45{display:flex;gap:var(--space-xs);min-height:68px}._drawer_1y1lk_3 ._header_1y1lk_45:not(:last-child){margin-bottom:var(--space-2xl)}._drawer_1y1lk_3 ._header_1y1lk_45._sticky-header_1y1lk_53{position:-webkit-sticky;position:sticky;top:0;left:0;background-color:var(--black-5)}._drawer_1y1lk_3 ._header_1y1lk_45 ._title_1y1lk_59{flex:1;align-self:flex-end;font-weight:var(--font-weight-text-medium);font-size:var(--size-text-xl3);line-height:var(--line-height-text-s1);letter-spacing:.7px}@media (max-width: 600px){._drawer_1y1lk_3 ._header_1y1lk_45 ._title_1y1lk_59{font-size:var(--size-text-xl2);line-height:var(--line-height-text-xs)}}._drawer_1y1lk_3 ._header_1y1lk_45 ._space_1y1lk_73{flex:0 0 var(--button-height-m)}@media (max-width: 600px){._drawer_1y1lk_3 ._header_1y1lk_45{min-height:55px}._drawer_1y1lk_3 ._header_1y1lk_45:not(:last-child){margin-bottom:var(--space-m)}}._drawer_1y1lk_3 ._inner_1y1lk_84{flex:1}._drawer_1y1lk_3 ._button_1y1lk_87{position:absolute;top:var(--space-m);right:var(--space-m)}._drawer_1y1lk_3 ._footer_1y1lk_92{display:block;padding-top:var(--space-4xl)}@media (max-width: 600px){._drawer_1y1lk_3 ._footer_1y1lk_92{padding-top:var(--space-m)}}._drawer_1y1lk_3 ._footer-button_1y1lk_101{display:block;margin-left:auto}._drawer_1y1lk_3._left_1y1lk_105{top:0;left:-100%}._drawer_1y1lk_3._right_1y1lk_109{top:0;right:-100%}._drawer_1y1lk_3._full_1y1lk_113{top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:100vh;border-radius:0;transform:scale(.95);opacity:0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}._drawer_1y1lk_3._bottom_1y1lk_123{right:50%;bottom:-100%;left:50%;height:-webkit-max-content;height:-moz-max-content;height:max-content;max-height:calc(100% - var(--space-xs));border-top-left-radius:var(--control-radius);border-top-right-radius:var(--control-radius);transform:translate(-50%)}._drawer_1y1lk_3._bottom_1y1lk_123._full-bottom-height_1y1lk_133{height:calc(100% - var(--space-xs))}._drawer_1y1lk_3._bottom_1y1lk_123._is-loading_1y1lk_41{height:50vh}._drawer_1y1lk_3._opened_1y1lk_139{transition:all .3s ease;pointer-events:auto}._drawer_1y1lk_3._opened_1y1lk_139._left_1y1lk_105{left:0%;transition:left .3s ease}._drawer_1y1lk_3._opened_1y1lk_139._right_1y1lk_109{right:0%;transition:right .3s ease}._drawer_1y1lk_3._opened_1y1lk_139._bottom_1y1lk_123{bottom:0%}._drawer_1y1lk_3._opened_1y1lk_139._full_1y1lk_113{transform:scale(1);opacity:1}._drawer_1y1lk_3._is-closing_1y1lk_158._left_1y1lk_105{left:-100%}._drawer_1y1lk_3._is-closing_1y1lk_158._right_1y1lk_109{right:-100%}._drawer_1y1lk_3._is-closing_1y1lk_158._bottom_1y1lk_123{bottom:-100%}._drawer_1y1lk_3._is-closing_1y1lk_158._full_1y1lk_113{transform:scale(.95);opacity:0}@media (max-width: 1440px){._drawer_1y1lk_3{--drawer-width: 608px}}@media (max-width: 1280px){._drawer_1y1lk_3{--drawer-width: 648px}}@media (max-width: 768px){._drawer_1y1lk_3{--drawer-width: 584px}}@media (max-width: 600px){._drawer_1y1lk_3{--drawer-width: 100%}._drawer_1y1lk_3._bottom_1y1lk_123{--drawer-width: calc(100% - var(--space-xs))}}._overlay_1y1lk_195{--overlay-z-index: 9990;position:fixed;top:0;left:0;z-index:9990;z-index:var(--overlay-z-index);width:100%;height:100%;background-color:#0009;opacity:0;transition:all .3s ease}._overlay_1y1lk_195._opened_1y1lk_139{opacity:1;transition:all .3s ease}._overlay_1y1lk_195._is-closing_1y1lk_158{opacity:0;transition:all .3s ease}
1
+ ._drawer_1atax_3{--drawer-width: 808px;--drawer-z-index: 10000;position:fixed;z-index:10000;z-index:var(--drawer-z-index);display:flex;flex-direction:column;width:808px;width:var(--drawer-width);height:100%;overflow:auto;background-color:var(--black-5);transition:all .3s ease;pointer-events:none}._drawer_1atax_3::-webkit-scrollbar{width:3px}._drawer_1atax_3::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._drawer_1atax_3::-webkit-scrollbar-track{background-color:var(--white)}._drawer_1atax_3 ._content_1atax_27{position:relative;display:flex;flex:1;flex-direction:column;padding:var(--space-m) var(--space-4xl) var(--space-4xl);transition:all .3s ease}@media (max-width: 600px){._drawer_1atax_3 ._content_1atax_27{--drawer-width: 100%;padding:var(--space-m)}}._drawer_1atax_3 ._content_1atax_27._is-loading_1atax_41{align-items:center;justify-content:center}._drawer_1atax_3 ._header_1atax_45{display:flex;gap:var(--space-xs);min-height:68px}._drawer_1atax_3 ._header_1atax_45:not(:last-child){margin-bottom:var(--space-2xl)}._drawer_1atax_3 ._header_1atax_45._sticky-header_1atax_53{position:-webkit-sticky;position:sticky;top:0;left:0;background-color:var(--black-5)}._drawer_1atax_3 ._header_1atax_45 ._title_1atax_59{flex:1;align-self:flex-end;font-weight:var(--font-weight-text-medium);font-size:var(--size-text-xl3);line-height:var(--line-height-text-s1);letter-spacing:.7px}@media (max-width: 600px){._drawer_1atax_3 ._header_1atax_45 ._title_1atax_59{font-size:var(--size-text-xl2);line-height:var(--line-height-text-xs)}}._drawer_1atax_3 ._header_1atax_45 ._space_1atax_73{flex:0 0 var(--button-height-m)}@media (max-width: 600px){._drawer_1atax_3 ._header_1atax_45{min-height:55px}._drawer_1atax_3 ._header_1atax_45:not(:last-child){margin-bottom:var(--space-m)}}._drawer_1atax_3 ._inner_1atax_84{flex:1}._drawer_1atax_3 ._button_1atax_87{position:absolute;top:var(--space-m);right:var(--space-m)}._drawer_1atax_3 ._footer_1atax_92{display:block;padding-top:var(--space-4xl)}@media (max-width: 600px){._drawer_1atax_3 ._footer_1atax_92{padding-top:var(--space-m)}}._drawer_1atax_3 ._footer-button_1atax_101{display:block;margin-left:auto}._drawer_1atax_3._left_1atax_105{top:0;left:-100%}._drawer_1atax_3._right_1atax_109{top:0;right:-100%}._drawer_1atax_3._full_1atax_113{top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:100vh;border-radius:0;transform:scale(.95);opacity:0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}._drawer_1atax_3._bottom_1atax_123{--drawer-width: calc(100% - var(--space-m));right:50%;bottom:-100%;left:50%;height:-webkit-max-content;height:-moz-max-content;height:max-content;max-height:calc(100% - var(--space-xs));border-top-left-radius:var(--control-radius);border-top-right-radius:var(--control-radius);transform:translate(-50%)}._drawer_1atax_3._bottom_1atax_123._full-bottom-height_1atax_134{height:calc(100% - var(--space-xs))}._drawer_1atax_3._bottom_1atax_123._is-loading_1atax_41{height:50vh}._drawer_1atax_3._opened_1atax_140{transition:all .3s ease;pointer-events:auto}._drawer_1atax_3._opened_1atax_140._left_1atax_105{left:0%;transition:left .3s ease}._drawer_1atax_3._opened_1atax_140._right_1atax_109{right:0%;transition:right .3s ease}._drawer_1atax_3._opened_1atax_140._bottom_1atax_123{bottom:0%}._drawer_1atax_3._opened_1atax_140._full_1atax_113{transform:scale(1);opacity:1}._drawer_1atax_3._is-closing_1atax_159._left_1atax_105{left:-100%}._drawer_1atax_3._is-closing_1atax_159._right_1atax_109{right:-100%}._drawer_1atax_3._is-closing_1atax_159._bottom_1atax_123{bottom:-100%}._drawer_1atax_3._is-closing_1atax_159._full_1atax_113{transform:scale(.95);opacity:0}@media (max-width: 1440px){._drawer_1atax_3{--drawer-width: 608px}}@media (max-width: 1280px){._drawer_1atax_3{--drawer-width: 648px}}@media (max-width: 768px){._drawer_1atax_3{--drawer-width: 584px}}@media (max-width: 600px){._drawer_1atax_3{--drawer-width: 100%}._drawer_1atax_3._bottom_1atax_123{--drawer-width: calc(100% - var(--space-xs))}}._overlay_1atax_196{--overlay-z-index: 9990;position:fixed;top:0;left:0;z-index:9990;z-index:var(--overlay-z-index);width:100%;height:100%;background-color:#0009;opacity:0;transition:all .3s ease}._overlay_1atax_196._opened_1atax_140{opacity:1;transition:all .3s ease}._overlay_1atax_196._is-closing_1atax_159{opacity:0;transition:all .3s ease}
@@ -1 +1 @@
1
- ._select-search_3ezsa_2{position:relative}._select-search_3ezsa_2._disabled_3ezsa_5{cursor:not-allowed}._container_3ezsa_9{display:block;gap:var(--select-search-gap);align-items:center;justify-content:space-between;height:var(--select-search-height);background-color:var(--black-5);border-radius:var(--select-search-radius)}._container-open_3ezsa_18{border-bottom:1px solid var(--citrine-100)}._full_3ezsa_22{width:100%}._selector-icon-open_3ezsa_26{transform:rotate(180deg)}._button_3ezsa_30{position:absolute;top:0;right:0;display:flex;align-items:center;margin:var(--select-search-btn-space);background:none;border:none;cursor:pointer}._options_3ezsa_42{position:absolute;z-index:10;width:100%;height:var(--select-search-options-height);overflow-y:auto;font-size:var(--size-text-l);background:var(--white);box-shadow:var(--box-shadow-select-search)}._options_3ezsa_42._top_3ezsa_52{bottom:100%;margin-bottom:1px;border-radius:var(--select-search-radius) var(--select-search-radius) 0 0}._options_3ezsa_42._bottom_3ezsa_57{top:100%;margin-top:1px;border-radius:0 0 var(--select-search-radius) var(--select-search-radius)}._options_3ezsa_42::-webkit-scrollbar{width:3px}._options_3ezsa_42::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._options_3ezsa_42::-webkit-scrollbar-track{background-color:var(--white)}@media (max-width: 600px){._options_3ezsa_42{max-height:var(--select-search-options-height-mobile)}}._no-options_3ezsa_78{height:100%;padding:var(--select-search-option-space);color:var(--black-80)}._m_3ezsa_84{--select-search-height: var(--select-search-height-l);--select-search-space: var(--space-xss) var(--space-m);--select-search-radius: var(--control-radius);--select-search-gap: var(--space-2xs);--select-search-btn-space: var(--space-m) var(--space-m) var(--space-m) var(--space-xs);--select-search-option-space: var(--space-2s) var(--space-m);--select-search-options-height: var(--select-search-options-height-mobile)}._l_3ezsa_95{--select-search-height: var(--select-search-height-xxl);--select-search-space: var(--space-xss) var(--space-m);--select-search-radius: var(--control-radius-s);--select-search-gap: var(--space-xs);--select-search-btn-space: var(--space-l) var(--space-m) var(--space-l) var(--space-xs);--select-search-option-space: var(--space-2l) var(--space-m);--select-search-options-height: var(--select-search-options-height-desktop)}._custom-input-class_3ezsa_106{width:100%!important}._custom-input-class_3ezsa_106:last-child{padding-right:var(--space-4xl)}._option_3ezsa_42{display:flex;gap:var(--space-m);align-items:center;width:100%;padding:var(--select-search-option-space);cursor:pointer;transition:background-color .2s ease-in-out}._option-active_3ezsa_122{background-color:var(--black-5)}._option-inner_3ezsa_125{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}._selected-icon_3ezsa_132 path{fill:var(--sapphire-100)}
1
+ ._select-search_1bdke_2{position:relative}._select-search_1bdke_2._disabled_1bdke_5{cursor:not-allowed}._container_1bdke_9{display:block;gap:var(--select-search-gap);align-items:center;justify-content:space-between;height:var(--select-search-height);background-color:var(--black-5);border-radius:var(--select-search-radius)}._container-open_1bdke_18{border-bottom:1px solid var(--citrine-100)}._full_1bdke_22{width:100%}._selector-icon-open_1bdke_26{transform:rotate(180deg)}._button_1bdke_30{position:absolute;top:0;right:0;display:flex;align-items:center;margin:var(--select-search-btn-space);background:none;border:none;cursor:pointer}._options_1bdke_42{position:absolute;z-index:10;width:100%;min-height:100%;max-height:var(--select-search-options-height);overflow-y:auto;font-size:var(--size-text-l);background:var(--white);box-shadow:var(--box-shadow-select-search)}._options_1bdke_42._top_1bdke_53{bottom:100%;margin-bottom:1px;border-radius:var(--select-search-radius) var(--select-search-radius) 0 0}._options_1bdke_42._bottom_1bdke_58{top:100%;margin-top:1px;border-radius:0 0 var(--select-search-radius) var(--select-search-radius)}._options_1bdke_42::-webkit-scrollbar{width:3px}._options_1bdke_42::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._options_1bdke_42::-webkit-scrollbar-track{background-color:var(--white)}@media (max-width: 600px){._options_1bdke_42{max-height:var(--select-search-options-height-mobile)}}._no-options_1bdke_79{height:100%;padding:var(--select-search-option-space);color:var(--black-80)}._m_1bdke_85{--select-search-height: var(--select-search-height-l);--select-search-space: var(--space-xss) var(--space-m);--select-search-radius: var(--control-radius);--select-search-gap: var(--space-2xs);--select-search-btn-space: var(--space-m) var(--space-m) var(--space-m) var(--space-xs);--select-search-option-space: var(--space-2s) var(--space-m);--select-search-options-height: var(--select-search-options-height-mobile)}._l_1bdke_96{--select-search-height: var(--select-search-height-xxl);--select-search-space: var(--space-xss) var(--space-m);--select-search-radius: var(--control-radius-s);--select-search-gap: var(--space-xs);--select-search-btn-space: var(--space-l) var(--space-m) var(--space-l) var(--space-xs);--select-search-option-space: var(--space-2l) var(--space-m);--select-search-options-height: var(--select-search-options-height-desktop)}._custom-input-class_1bdke_107{width:100%!important}._custom-input-class_1bdke_107:last-child{padding-right:var(--space-4xl)}._option_1bdke_42{display:flex;gap:var(--space-m);align-items:center;width:100%;padding:var(--select-search-option-space);cursor:pointer;transition:background-color .2s ease-in-out}._option-active_1bdke_123{background-color:var(--black-5)}._option-inner_1bdke_126{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}._selected-icon_1bdke_133 path{fill:var(--sapphire-100)}
@@ -1 +1 @@
1
- ._container_5jk4g_2{position:relative}._group_5jk4g_6{position:relative;overflow:hidden}._group-inner_5jk4g_10{display:flex;gap:var(--space-4xl);align-items:center}._tab_5jk4g_16{position:relative;display:flex;gap:var(--space-2xs);align-items:center;height:var(--tab-trail-height);padding:0 var(--tab-padding);color:var(--disabled-color);font-weight:var(--font-weight-text-medium);font-size:var(--tab-trail-font-size);font-family:var(--font-montserrat)}._tab_5jk4g_16:after{position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:transparent;transition:background-color .3s ease;content:""}._tab_5jk4g_16[data-selected]{color:var(--black-100)}._tab_5jk4g_16[data-selected]:after{background-color:var(--sapphire-100)}._tab_5jk4g_16:not([data-selected]){filter:grayscale(100%) opacity(.7)}._tab_5jk4g_16:not([data-selected]):after{background-color:var(--white)}._list_5jk4g_51{display:flex;align-items:center;overflow:auto;white-space:nowrap;scroll-behavior:smooth}._list_5jk4g_51::-webkit-scrollbar{display:none}._tabs_5jk4g_62{display:flex;align-items:center;padding-top:var(--tabs-padding-top)}._buttons_5jk4g_68{position:relative;display:flex;height:100%;max-height:40px}._m_5jk4g_75{--tab-trail-font-size: var(--size-text-xl3);--tab-trail-height: var(--tab-trail-height-m);--tabs-padding-top: var(--space-xs);--tab-padding: var(--space-m)}._s_5jk4g_82{--tab-trail-font-size: var(--size-text-xl);--tab-trail-height: var(--tab-trail-height-s);--tabs-padding-top: var(--space-3xs);--tab-padding: var(--space-s)}
1
+ ._container_102fh_2,._group_102fh_6{position:relative}._group-inner_102fh_9{display:flex;gap:var(--space-4xl);align-items:center;margin-left:calc(var(--tab-trail-margin-left) * -1)}._tab_102fh_16{position:relative;display:flex;gap:var(--space-2xs);align-items:center;height:var(--tab-trail-height);padding:0 var(--tab-padding);color:var(--disabled-color);font-weight:var(--font-weight-text-medium);font-size:var(--tab-trail-font-size);font-family:var(--font-montserrat)}._tab_102fh_16:after{position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:transparent;transition:background-color .3s ease;content:""}._tab_102fh_16[data-selected]{color:var(--black-100)}._tab_102fh_16[data-selected]:after{background-color:var(--sapphire-100)}._tab_102fh_16:not([data-selected]){filter:grayscale(100%) opacity(.7)}._tab_102fh_16:not([data-selected]):after{background-color:var(--white)}._list_102fh_51{display:flex;align-items:center;overflow:auto;white-space:nowrap;scroll-behavior:smooth}._list_102fh_51::-webkit-scrollbar{display:none}._tabs_102fh_62{display:flex;align-items:center;padding-top:var(--tabs-padding-top)}._buttons_102fh_68{position:relative;display:flex;height:100%;max-height:40px}._m_102fh_75{--tab-trail-font-size: var(--size-text-xl3);--tab-trail-height: var(--tab-trail-height-m);--tabs-padding-top: var(--space-xs);--tab-padding: var(--space-m);--tab-trail-margin-left: var(--space-m)}._s_102fh_83{--tab-trail-font-size: var(--size-text-xl);--tab-trail-height: var(--tab-trail-height-s);--tabs-padding-top: var(--space-3xs);--tab-padding: var(--space-s);--tab-trail-margin-left: var(--space-s)}
@@ -9,5 +9,7 @@ export type TAccordionProps = {
9
9
  buttonType?: EAccordionButtonType | `${EAccordionButtonType}`;
10
10
  buttonStyle?: EAccordionButtonStyle | `${EAccordionButtonStyle}`;
11
11
  iconType?: EAccordionIconType | `${EAccordionIconType}`;
12
+ classNameTitle?: string;
13
+ classNameContent?: string;
12
14
  };
13
15
  export declare const Accordion: import('react').ForwardRefExoticComponent<TAccordionProps & import('react').RefAttributes<HTMLElement>>;
@@ -153,7 +153,9 @@ const Accordion = forwardRef(
153
153
  size = EAccordionSize.M,
154
154
  titleUppercase,
155
155
  buttonStyle = EAccordionButtonStyle.CIRCLE,
156
- iconType = EAccordionIconType.ARROW
156
+ iconType = EAccordionIconType.ARROW,
157
+ classNameTitle,
158
+ classNameContent
157
159
  }, ref) => {
158
160
  const isMobile = useMediaQuery(EMediaQuery.XS1);
159
161
  const isLink = buttonType === "link";
@@ -192,6 +194,7 @@ const Accordion = forwardRef(
192
194
  {
193
195
  className: classNames(
194
196
  cls.title,
197
+ classNameTitle,
195
198
  titleUppercase && cls["title-uppercase"]
196
199
  ),
197
200
  children: title2
@@ -224,7 +227,17 @@ const Accordion = forwardRef(
224
227
  children: renderButton(open2)
225
228
  }
226
229
  ),
227
- /* @__PURE__ */ jsx(Ie, { className: classNames(cls.panel, linkClasses), children: /* @__PURE__ */ jsx(AccordionItem, { size, children }) })
230
+ /* @__PURE__ */ jsx(
231
+ Ie,
232
+ {
233
+ className: classNames(
234
+ cls.panel,
235
+ classNameContent,
236
+ linkClasses
237
+ ),
238
+ children: /* @__PURE__ */ jsx(AccordionItem, { size, children })
239
+ }
240
+ )
228
241
  ] }) }) });
229
242
  }
230
243
  );
@@ -10,39 +10,39 @@ import { Button } from "../Button/Button.js";
10
10
  import { EButtonVariantDefault, EButtonSize } from "../Button/constants.js";
11
11
  import { Loader } from "../Loader/Loader.js";
12
12
  import { Portal } from "../Portal/Portal.js";
13
- import '../../assets/Drawer.css';const drawer = "_drawer_1y1lk_3";
14
- const content = "_content_1y1lk_27";
15
- const header = "_header_1y1lk_45";
16
- const title = "_title_1y1lk_59";
17
- const space = "_space_1y1lk_73";
18
- const inner = "_inner_1y1lk_84";
19
- const button = "_button_1y1lk_87";
20
- const footer = "_footer_1y1lk_92";
21
- const left = "_left_1y1lk_105";
22
- const right = "_right_1y1lk_109";
23
- const full = "_full_1y1lk_113";
24
- const bottom = "_bottom_1y1lk_123";
25
- const opened = "_opened_1y1lk_139";
26
- const overlay = "_overlay_1y1lk_195";
13
+ import '../../assets/Drawer.css';const drawer = "_drawer_1atax_3";
14
+ const content = "_content_1atax_27";
15
+ const header = "_header_1atax_45";
16
+ const title = "_title_1atax_59";
17
+ const space = "_space_1atax_73";
18
+ const inner = "_inner_1atax_84";
19
+ const button = "_button_1atax_87";
20
+ const footer = "_footer_1atax_92";
21
+ const left = "_left_1atax_105";
22
+ const right = "_right_1atax_109";
23
+ const full = "_full_1atax_113";
24
+ const bottom = "_bottom_1atax_123";
25
+ const opened = "_opened_1atax_140";
26
+ const overlay = "_overlay_1atax_196";
27
27
  const cls = {
28
28
  drawer,
29
29
  content,
30
- "is-loading": "_is-loading_1y1lk_41",
30
+ "is-loading": "_is-loading_1atax_41",
31
31
  header,
32
- "sticky-header": "_sticky-header_1y1lk_53",
32
+ "sticky-header": "_sticky-header_1atax_53",
33
33
  title,
34
34
  space,
35
35
  inner,
36
36
  button,
37
37
  footer,
38
- "footer-button": "_footer-button_1y1lk_101",
38
+ "footer-button": "_footer-button_1atax_101",
39
39
  left,
40
40
  right,
41
41
  full,
42
42
  bottom,
43
- "full-bottom-height": "_full-bottom-height_1y1lk_133",
43
+ "full-bottom-height": "_full-bottom-height_1atax_134",
44
44
  opened,
45
- "is-closing": "_is-closing_1y1lk_158",
45
+ "is-closing": "_is-closing_1atax_159",
46
46
  overlay
47
47
  };
48
48
  const ANIMATION_DELAY = 300;
@@ -3752,35 +3752,35 @@ function No(o2, r2) {
3752
3752
  return H({ ourProps: { id: d2, ref: M2, role: "option", tabIndex: s2 === true ? void 0 : -1, "aria-disabled": s2 === true ? true : void 0, "aria-selected": C, disabled: void 0, onMouseDown: y2, onFocus: A2, onPointerEnter: h2, onMouseEnter: h2, onPointerMove: O, onMouseMove: O, onPointerLeave: G2, onMouseLeave: G2 }, theirProps: a3, slot: J2, defaultTag: ko, name: "Combobox.Option" });
3753
3753
  }
3754
3754
  let Uo = W$1(ho), Ho = W$1(Vo), Go = W$1(Mo), jo = K, zo = W$1(Bo), Ko = W$1(No), Nt = Object.assign(Uo, { Input: Go, Button: Ho, Label: jo, Options: zo, Option: Ko });
3755
- const disabled = "_disabled_3ezsa_5";
3756
- const container = "_container_3ezsa_9";
3757
- const full = "_full_3ezsa_22";
3758
- const button = "_button_3ezsa_30";
3759
- const options = "_options_3ezsa_42";
3760
- const top = "_top_3ezsa_52";
3761
- const bottom = "_bottom_3ezsa_57";
3762
- const m = "_m_3ezsa_84";
3763
- const l = "_l_3ezsa_95";
3764
- const option = "_option_3ezsa_42";
3755
+ const disabled = "_disabled_1bdke_5";
3756
+ const container = "_container_1bdke_9";
3757
+ const full = "_full_1bdke_22";
3758
+ const button = "_button_1bdke_30";
3759
+ const options = "_options_1bdke_42";
3760
+ const top = "_top_1bdke_53";
3761
+ const bottom = "_bottom_1bdke_58";
3762
+ const m = "_m_1bdke_85";
3763
+ const l = "_l_1bdke_96";
3764
+ const option = "_option_1bdke_42";
3765
3765
  const cls = {
3766
- "select-search": "_select-search_3ezsa_2",
3766
+ "select-search": "_select-search_1bdke_2",
3767
3767
  disabled,
3768
3768
  container,
3769
- "container-open": "_container-open_3ezsa_18",
3769
+ "container-open": "_container-open_1bdke_18",
3770
3770
  full,
3771
- "selector-icon-open": "_selector-icon-open_3ezsa_26",
3771
+ "selector-icon-open": "_selector-icon-open_1bdke_26",
3772
3772
  button,
3773
3773
  options,
3774
3774
  top,
3775
3775
  bottom,
3776
- "no-options": "_no-options_3ezsa_78",
3776
+ "no-options": "_no-options_1bdke_79",
3777
3777
  m,
3778
3778
  l,
3779
- "custom-input-class": "_custom-input-class_3ezsa_106",
3779
+ "custom-input-class": "_custom-input-class_1bdke_107",
3780
3780
  option,
3781
- "option-active": "_option-active_3ezsa_122",
3782
- "option-inner": "_option-inner_3ezsa_125",
3783
- "selected-icon": "_selected-icon_3ezsa_132"
3781
+ "option-active": "_option-active_1bdke_123",
3782
+ "option-inner": "_option-inner_1bdke_126",
3783
+ "selected-icon": "_selected-icon_1bdke_133"
3784
3784
  };
3785
3785
  const SelectSearch = forwardRef(
3786
3786
  (props, ref) => {
@@ -3813,7 +3813,7 @@ const SelectSearch = forwardRef(
3813
3813
  }
3814
3814
  };
3815
3815
  const filteredItems = useMemo(() => {
3816
- if (!filterOnSearch || value) {
3816
+ if (!filterOnSearch || value && (value.id || value.name)) {
3817
3817
  return items;
3818
3818
  }
3819
3819
  return inputValue.trim().toLowerCase() ? items.filter(
@@ -3821,14 +3821,19 @@ const SelectSearch = forwardRef(
3821
3821
  ) : items;
3822
3822
  }, [inputValue, items, value, filterOnSearch]);
3823
3823
  const handleOneChange = (newValue) => {
3824
+ setInputValue(newValue.name);
3824
3825
  onChange == null ? void 0 : onChange(newValue);
3825
3826
  };
3826
3827
  const handleInputChange = useCallback(
3827
3828
  (event) => {
3828
- setInputValue(event.target.value);
3829
- onSearch == null ? void 0 : onSearch(event.target.value);
3829
+ const newValue = event.target.value;
3830
+ setInputValue(newValue);
3831
+ onSearch == null ? void 0 : onSearch(newValue);
3832
+ if (!newValue && value) {
3833
+ onChange == null ? void 0 : onChange({ id: "", name: "" });
3834
+ }
3830
3835
  },
3831
- [onSearch]
3836
+ [onChange, onSearch, value]
3832
3837
  );
3833
3838
  useEffect(() => {
3834
3839
  setInputValue(String((value == null ? void 0 : value[displayValue]) ?? ""));
@@ -1,7 +1,7 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { c as classNames } from "../../index-CweZ_OcN.js";
3
3
  import { forwardRef, useId, useState, useRef, useEffect } from "react";
4
- import { ZERO_STEP, EStepsSize, ID_SEPARATOR, StepSize, DIFF_BETWEEN_STEP_AND_INDEX } from "./constants.js";
4
+ import { ZERO_STEP, EStepsSize, ID_SEPARATOR, STEP_ICONS_MAP, StepSize, DIFF_BETWEEN_STEP_AND_INDEX } from "./constants.js";
5
5
  import { Icon } from "../../icons/Icon.js";
6
6
  import '../../assets/Steps.css';const container = "_container_1qg9i_2";
7
7
  const step = "_step_1qg9i_6";
@@ -69,7 +69,7 @@ const Steps = forwardRef(
69
69
  onMouseEnter: handleMouseEnter,
70
70
  onMouseLeave: handleMouseLeave,
71
71
  style: { color },
72
- children: /* @__PURE__ */ jsx(Icon, { iconName: "Step", ...StepSize[size] })
72
+ children: /* @__PURE__ */ jsx(Icon, { iconName: STEP_ICONS_MAP[size].icon, ...StepSize[size] })
73
73
  },
74
74
  idx
75
75
  );
@@ -1,3 +1,5 @@
1
+ import { TIcon } from '../../icons';
2
+
1
3
  export declare const ZERO_STEP = 0;
2
4
  export declare const DIFF_BETWEEN_STEP_AND_INDEX = 1;
3
5
  export declare const ID_SEPARATOR = "-//-";
@@ -6,7 +8,8 @@ export declare enum EStepsSize {
6
8
  XS1 = "XS1",
7
9
  S = "S",
8
10
  M = "M",
9
- L = "L"
11
+ L = "L",
12
+ XL = "XL"
10
13
  }
11
14
  export declare const StepSize: {
12
15
  XS: {
@@ -29,7 +32,14 @@ export declare const StepSize: {
29
32
  width: number;
30
33
  height: number;
31
34
  };
35
+ XL: {
36
+ width: number;
37
+ height: number;
38
+ };
32
39
  };
40
+ export declare const STEP_ICONS_MAP: Record<EStepsSize, {
41
+ icon: TIcon;
42
+ }>;
33
43
  export declare enum EStepColor {
34
44
  ASPHALT = "#333333",
35
45
  CITRINE = "#ff7900",
@@ -7,6 +7,7 @@ var EStepsSize = /* @__PURE__ */ ((EStepsSize2) => {
7
7
  EStepsSize2["S"] = "S";
8
8
  EStepsSize2["M"] = "M";
9
9
  EStepsSize2["L"] = "L";
10
+ EStepsSize2["XL"] = "XL";
10
11
  return EStepsSize2;
11
12
  })(EStepsSize || {});
12
13
  const StepSize = {
@@ -29,6 +30,48 @@ const StepSize = {
29
30
  L: {
30
31
  width: 64,
31
32
  height: 28
33
+ },
34
+ XL: {
35
+ width: 72,
36
+ height: 12
37
+ }
38
+ };
39
+ const STEP_ICONS_MAP = {
40
+ [
41
+ "XS"
42
+ /* XS */
43
+ ]: {
44
+ icon: "Step"
45
+ },
46
+ [
47
+ "XS1"
48
+ /* XS1 */
49
+ ]: {
50
+ icon: "Step"
51
+ },
52
+ [
53
+ "S"
54
+ /* S */
55
+ ]: {
56
+ icon: "Step"
57
+ },
58
+ [
59
+ "M"
60
+ /* M */
61
+ ]: {
62
+ icon: "Step"
63
+ },
64
+ [
65
+ "L"
66
+ /* L */
67
+ ]: {
68
+ icon: "Step"
69
+ },
70
+ [
71
+ "XL"
72
+ /* XL */
73
+ ]: {
74
+ icon: "StepXL"
32
75
  }
33
76
  };
34
77
  var EStepColor = /* @__PURE__ */ ((EStepColor2) => {
@@ -44,6 +87,7 @@ export {
44
87
  EStepColor,
45
88
  EStepsSize,
46
89
  ID_SEPARATOR,
90
+ STEP_ICONS_MAP,
47
91
  StepSize,
48
92
  ZERO_STEP
49
93
  };
@@ -199,18 +199,18 @@ function He(e, r) {
199
199
  return !s2 && ((g = n$1.unmount) == null || g) && !((R = n$1.static) != null && R) ? React__default.createElement(T, { "aria-hidden": "true", ...m2 }) : H({ ourProps: m2, theirProps: n$1, slot: b2, defaultTag: Ge, features: Ue, visible: s2, name: "Tabs.Panel" });
200
200
  }
201
201
  let we = W(ve), Oe = W(Se), Ne = W(Ie), ke = W(Me), Be = W(He), st = Object.assign(we, { Group: Oe, List: Ne, Panels: ke, Panel: Be });
202
- const container = "_container_5jk4g_2";
203
- const group = "_group_5jk4g_6";
204
- const tab = "_tab_5jk4g_16";
205
- const list = "_list_5jk4g_51";
206
- const tabs = "_tabs_5jk4g_62";
207
- const buttons = "_buttons_5jk4g_68";
208
- const m = "_m_5jk4g_75";
209
- const s = "_s_5jk4g_82";
202
+ const container = "_container_102fh_2";
203
+ const group = "_group_102fh_6";
204
+ const tab = "_tab_102fh_16";
205
+ const list = "_list_102fh_51";
206
+ const tabs = "_tabs_102fh_62";
207
+ const buttons = "_buttons_102fh_68";
208
+ const m = "_m_102fh_75";
209
+ const s = "_s_102fh_83";
210
210
  const cls = {
211
211
  container,
212
212
  group,
213
- "group-inner": "_group-inner_5jk4g_10",
213
+ "group-inner": "_group-inner_102fh_9",
214
214
  tab,
215
215
  list,
216
216
  tabs,
@@ -27,6 +27,10 @@ export type TUploader = {
27
27
  * Выключен ли Uploader или нет
28
28
  */
29
29
  isDisabled?: boolean;
30
+ /**
31
+ * Тайтл загрузки файлов
32
+ */
33
+ titleUploader?: string;
30
34
  };
31
35
  export type TUploadValue = {
32
36
  value: TFileItem[];
@@ -32,7 +32,8 @@ const Uploader = forwardRef(
32
32
  onChangeValue,
33
33
  arrayName,
34
34
  maxSize = 15,
35
- isDisabled
35
+ isDisabled,
36
+ titleUploader = "Или перетащите сюда"
36
37
  } = props;
37
38
  const uploaderRef = useRef(null);
38
39
  const idImg = useId();
@@ -79,7 +80,7 @@ const Uploader = forwardRef(
79
80
  children: "Выберите файлы"
80
81
  }
81
82
  ),
82
- /* @__PURE__ */ jsx("b", { children: "Или перетащите сюда" }),
83
+ /* @__PURE__ */ jsx("b", { children: titleUploader }),
83
84
  /* @__PURE__ */ jsxs("span", { className: cls["upload-text"], children: [
84
85
  "Максимальный размер одного файла – ",
85
86
  maxSize,
@@ -30,6 +30,10 @@ export type TUploaderPhotos = {
30
30
  * Максимальное количество файлов.
31
31
  */
32
32
  maxFiles: number;
33
+ /**
34
+ * Тайтл загрузки файлов
35
+ */
36
+ titleUploader?: string;
33
37
  };
34
38
  export type TOnChangePhotosUpdate = {
35
39
  type: string;
@@ -8,7 +8,15 @@ import '../../assets/UploaderPhotos.css';const cls = {
8
8
  };
9
9
  const UploaderPhotos = forwardRef(
10
10
  (props, ref) => {
11
- const { filesType, arrayName, maxSize, onChange, value, maxFiles } = props;
11
+ const {
12
+ filesType,
13
+ arrayName,
14
+ maxSize,
15
+ onChange,
16
+ value,
17
+ maxFiles,
18
+ titleUploader
19
+ } = props;
12
20
  const [photos, setPhotos] = useState(value || []);
13
21
  const isMaxFilesReached = photos.length >= maxFiles;
14
22
  useEffect(() => {
@@ -31,7 +39,6 @@ const UploaderPhotos = forwardRef(
31
39
  setPhotos(j.list);
32
40
  if (j.deleteId) onChange == null ? void 0 : onChange({ type: "delete", data: j.deleteId });
33
41
  };
34
- console.log(photos);
35
42
  return /* @__PURE__ */ jsxs(
36
43
  "div",
37
44
  {
@@ -49,10 +56,11 @@ const UploaderPhotos = forwardRef(
49
56
  onChangeValue,
50
57
  ref,
51
58
  maxFiles,
52
- isDisabled: isMaxFilesReached
59
+ isDisabled: isMaxFilesReached,
60
+ titleUploader
53
61
  }
54
62
  ),
55
- /* @__PURE__ */ jsx(ListPhotos, { value: photos, onChange: onDelete })
63
+ !!photos.length && /* @__PURE__ */ jsx(ListPhotos, { value: photos, onChange: onDelete })
56
64
  ]
57
65
  }
58
66
  );
@@ -1,3 +1,3 @@
1
- export { Vote } from './Vote';
1
+ export { Vote, type TProps } from './Vote';
2
2
  export { EVoteSize } from './constants';
3
3
  export type { TCommonVoteProps, TSize } from './types';
@@ -20,7 +20,7 @@ export { Slider } from './Slider';
20
20
  export { Drawer } from './Drawer';
21
21
  export { EDrawerPosition } from './Drawer';
22
22
  export { Steps, EStepsSize, EStepColor, type TCommonStepsProps } from './Steps';
23
- export { Vote, EVoteSize, type TCommonVoteProps } from './Vote';
23
+ export { Vote, EVoteSize, type TCommonVoteProps, type TProps } from './Vote';
24
24
  export { SelectSearch, ESelectSearchSize } from './SelectSearch';
25
25
  export type { TSelectSearchProps, TSelectOption } from './SelectSearch';
26
26
  export { Switch } from './Switch';
@@ -1,6 +1,6 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { Suspense } from "react";
3
- import { i as icons } from "../index-Cxiikb7g.js";
3
+ import { i as icons } from "../index-FDVpKRvA.js";
4
4
  const Icon = ({ iconName, ...props }) => {
5
5
  const Component = icons[iconName];
6
6
  if (!Component) {
@@ -0,0 +1,4 @@
1
+ import { SVGProps } from 'react';
2
+
3
+ declare const MessageRead12px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
4
+ export default MessageRead12px;
@@ -0,0 +1,37 @@
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
+ const MessageRead12px = (props) => {
3
+ return /* @__PURE__ */ jsxs(
4
+ "svg",
5
+ {
6
+ width: "12",
7
+ height: "13",
8
+ viewBox: "0 0 12 13",
9
+ fill: "none",
10
+ xmlns: "http://www.w3.org/2000/svg",
11
+ ...props,
12
+ children: [
13
+ /* @__PURE__ */ jsx(
14
+ "path",
15
+ {
16
+ "fill-rule": "evenodd",
17
+ clipRule: "evenodd",
18
+ d: "M8.14103 4.3077L2.76402 10.1635L0.131592 7.29443L0.868431 6.61836L2.76431 8.68466L7.40445 3.63135L8.14103 4.3077Z",
19
+ fill: "white"
20
+ }
21
+ ),
22
+ /* @__PURE__ */ jsx(
23
+ "path",
24
+ {
25
+ "fill-rule": "evenodd",
26
+ clipRule: "evenodd",
27
+ d: "M11.8682 4.3077L6.50505 10.1484L5.2356 8.86685L5.94605 8.16311L6.47762 8.69975L11.1316 3.63135L11.8682 4.3077Z",
28
+ fill: "white"
29
+ }
30
+ )
31
+ ]
32
+ }
33
+ );
34
+ };
35
+ export {
36
+ MessageRead12px as default
37
+ };
@@ -0,0 +1,4 @@
1
+ import { SVGProps } from 'react';
2
+
3
+ declare const PersonalManager32px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
4
+ export default PersonalManager32px;