mimir-ui-kit 1.22.0 → 1.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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;