mimir-ui-kit 1.10.1 → 1.11.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (38) hide show
  1. package/dist/assets/Button.css +1 -1
  2. package/dist/assets/ListPhotos.css +1 -0
  3. package/dist/assets/MergedButton.css +1 -1
  4. package/dist/assets/Uploader.css +1 -0
  5. package/dist/assets/UploaderPhotos.css +1 -0
  6. package/dist/assets/index.css +1 -1
  7. package/dist/components/Button/Button.js +23 -22
  8. package/dist/components/Button/constants.d.ts +2 -1
  9. package/dist/components/Button/constants.js +1 -0
  10. package/dist/components/ListPhotos/ListPhotos.d.ts +23 -0
  11. package/dist/components/ListPhotos/ListPhotos.js +33 -0
  12. package/dist/components/ListPhotos/constants.d.ts +3 -0
  13. package/dist/components/ListPhotos/constants.js +21 -0
  14. package/dist/components/ListPhotos/index.d.ts +2 -0
  15. package/dist/components/ListPhotos/index.js +4 -0
  16. package/dist/components/MergedButton/MergedButton.js +6 -6
  17. package/dist/components/Uploader/Uploader.d.ts +30 -0
  18. package/dist/components/Uploader/Uploader.js +91 -0
  19. package/dist/components/Uploader/constants.d.ts +5 -0
  20. package/dist/components/Uploader/constants.js +16 -0
  21. package/dist/components/Uploader/index.d.ts +2 -0
  22. package/dist/components/Uploader/index.js +4 -0
  23. package/dist/components/UploaderPhotos/UploaderPhotos.d.ts +29 -0
  24. package/dist/components/UploaderPhotos/UploaderPhotos.js +48 -0
  25. package/dist/components/UploaderPhotos/index.d.ts +2 -0
  26. package/dist/components/UploaderPhotos/index.js +4 -0
  27. package/dist/icons/Icon.js +1 -1
  28. package/dist/icons/components/12px/Close12px.d.ts +4 -0
  29. package/dist/icons/components/12px/Close12px.js +18 -0
  30. package/dist/icons/components/index.d.ts +1 -0
  31. package/dist/icons/components/index.js +560 -559
  32. package/dist/{index-_ACzPKPw.js → index-Cxiikb7g.js} +561 -558
  33. package/dist/utils/UUID4.d.ts +1 -0
  34. package/dist/utils/UUID4.js +9 -0
  35. package/dist/utils/formating/Date.d.ts +1 -1
  36. package/dist/utils/index.d.ts +2 -0
  37. package/dist/utils/index.js +3 -1
  38. package/package.json +1 -1
@@ -1 +1 @@
1
- ._button_1wajr_2{--button-loader-color: var(--button-color);--button-cursor: pointer;position:relative;display:inline-flex;flex-shrink:0;align-items:center;box-sizing:border-box;max-width:100%;height:var(--button-height);padding:0 var(--button-space);overflow:hidden;color:var(--button-color);font-weight:var(--font-weight-text-semibold);font-size:var(--button-font-size);font-family:var(--font-inter);line-height:var(--line-height-text-s1);white-space:nowrap;text-transform:uppercase;-webkit-text-decoration:none;text-decoration:none;text-overflow:ellipsis;-moz-column-gap:var(--button-gap);column-gap:var(--button-gap);background:var(--button-bg-color);border:none;cursor:pointer;cursor:var(--button-cursor);transition:background-color .3s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}._button_1wajr_2:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover)}._button_1wajr_2:active{color:var(--button-color-active);background:var(--button-bg-color-active)}._button_1wajr_2:focus{box-shadow:0 0 2px var(--sapphire-normal)}._button_1wajr_2._clear_1wajr_41:focus{box-shadow:none}._button_1wajr_2 svg{color:currentcolor;fill:currentcolor}._button_1wajr_2 svg path{color:currentcolor;fill:currentcolor}._xs_1wajr_53{--button-height: var(--button-height-xs);--button-font-size: var(--control-text-size-xs);--button-space: var(--control-space-xs);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s)}._s_1wajr_61{--button-height: var(--button-height-s);--button-font-size: var(--control-text-size-s);--button-space: var(--control-space-s);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s)}._m_1wajr_69{--button-height: var(--button-height-m);--button-font-size: var(--size-text-m);--button-space: var(--control-space-m);--button-gap: 8px;--button-border-radius: var(--button-border-radius-m)}._l_1wajr_77{--button-height: var(--button-height-l);--button-font-size: var(--size-text-m);--button-space: var(--control-space-l);--button-gap: 8px;--button-border-radius: var(--button-border-radius-l)}._xl_1wajr_85{--button-height: var(--button-height-xl);--button-space: var(--control-space-l);--button-gap: 8px;--button-border-radius: var(--button-border-radius-l);--button-font-size: var(--size-text-m);font-weight:var(--font-weight-text-medium)}._xxl_1wajr_94{--button-height: var(--button-height-xxl);--button-space: var(--control-space-xxl);--button-border-radius: var(--button-border-radius-l);--button-gap: 8px;font-weight:var(--font-weight-text-medium);--button-font-size: var(--size-text-m)}._default-button_1wajr_103{border-radius:var(--control-radius)}._default-button_1wajr_103._primary-sapphire_1wajr_106{--button-bg-color: var(--sapphire-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--sapphire-active);--button-bg-color-hover: var(--sapphire-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_1wajr_103._primary-citrine_1wajr_115{--button-bg-color: var(--citrine-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--citrine-active);--button-bg-color-hover: var(--citrine-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_1wajr_103._secondary-asphalt_1wajr_124{--button-bg-color: var(--asphalt-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--asphalt-active);--button-bg-color-hover: var(--asphalt-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_1wajr_103._secondary-gray_1wajr_133{--button-bg-color: var(--gray-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--gray-active);--button-bg-color-hover: var(--gray-hover);--button-color: var(--dark-text);--button-border: transparent}._default-button_1wajr_103._secondary-white_1wajr_142{--button-bg-color: var(--white-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--white-active);--button-bg-color-hover: var(--white);--button-color: var(--dark-text);--button-border: transparent}._default-button_1wajr_103._secondary-red_1wajr_151{--button-bg-color: var(--red-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--red-active);--button-bg-color-hover: var(--red-hover);--button-color: var(--light-text);--button-border: transparent}._round-button_1wajr_161{--button-border-radius-l: 24px;--button-border-radius-m: 20px;--button-border-radius-s: 16px;--button-border-radius-xs: 12px;border-radius:var(--button-border-radius)}._round-button_1wajr_161._black_1wajr_168{--button-bg-color: var(--asphalt-normal);--button-bg-color-hover: var(--asphalt-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--light-text);--button-color-hover: var(--light-text);--button-color-active: var(--light-text)}._round-button_1wajr_161._gray_1wajr_177{--button-bg-color: var(--gray-normal);--button-bg-color-hover: var(--gray-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._round-button_1wajr_161._white_1wajr_186{--button-bg-color: var(--white-normal);--button-bg-color-hover: var(--white-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._full_1wajr_196{display:flex;justify-content:center;width:100%}._disabled_1wajr_202{--button-cursor: not-allowed;color:var(--light-text);background-color:var(--disabled)}._disabled_1wajr_202:hover,._disabled_1wajr_202:active,._disabled_1wajr_202:focus{color:var(--light-text);background-color:var(--disabled);box-shadow:none}._icon-button_1wajr_213{justify-content:center;min-width:var(--button-height);padding:0}
1
+ ._button_1rja9_2{--button-loader-color: var(--button-color);--button-cursor: pointer;position:relative;display:inline-flex;flex-shrink:0;align-items:center;box-sizing:border-box;max-width:100%;height:var(--button-height);padding:0 var(--button-space);overflow:hidden;color:var(--button-color);font-weight:var(--font-weight-text-semibold);font-size:var(--button-font-size);font-family:var(--font-inter);line-height:var(--line-height-text-s1);white-space:nowrap;text-transform:uppercase;-webkit-text-decoration:none;text-decoration:none;text-overflow:ellipsis;-moz-column-gap:var(--button-gap);column-gap:var(--button-gap);background:var(--button-bg-color);border:none;cursor:pointer;cursor:var(--button-cursor);transition:background-color .3s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}._button_1rja9_2:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover)}._button_1rja9_2:active{color:var(--button-color-active);background:var(--button-bg-color-active)}._button_1rja9_2:focus{box-shadow:0 0 2px var(--sapphire-normal)}._button_1rja9_2._clear_1rja9_41:focus{box-shadow:none}._button_1rja9_2 svg{color:currentcolor;fill:currentcolor}._button_1rja9_2 svg path{color:currentcolor;fill:currentcolor}._xs_1rja9_53{--button-height: var(--button-height-xs);--button-font-size: var(--control-text-size-xs);--button-space: var(--control-space-xs);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s)}._s_1rja9_61{--button-height: var(--button-height-s);--button-font-size: var(--control-text-size-s);--button-space: var(--control-space-s);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s)}._m_1rja9_69{--button-height: var(--button-height-m);--button-font-size: var(--size-text-m);--button-space: var(--control-space-m);--button-gap: 8px;--button-border-radius: var(--button-border-radius-m)}._l_1rja9_77{--button-height: var(--button-height-l);--button-font-size: var(--size-text-m);--button-space: var(--control-space-l);--button-gap: 8px;--button-border-radius: var(--button-border-radius-l)}._xl_1rja9_85{--button-height: var(--button-height-xl);--button-space: var(--control-space-l);--button-gap: 8px;--button-border-radius: var(--button-border-radius-l);--button-font-size: var(--size-text-m);font-weight:var(--font-weight-text-medium)}._xxl_1rja9_94{--button-height: var(--button-height-xxl);--button-space: var(--control-space-xxl);--button-border-radius: var(--button-border-radius-l);--button-gap: 8px;font-weight:var(--font-weight-text-medium);--button-font-size: var(--size-text-m)}._m-s_1rja9_103{--button-height: var(--button-height-ms);border-radius:var(--control-radius-xs);--button-gap: 4px;--button-font-size: var(--size-text-s);font-weight:var(--font-weight-text-regular)}._default-button_1rja9_111{border-radius:var(--control-radius)}._default-button_1rja9_111._primary-sapphire_1rja9_114{--button-bg-color: var(--sapphire-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--sapphire-active);--button-bg-color-hover: var(--sapphire-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_1rja9_111._primary-citrine_1rja9_123{--button-bg-color: var(--citrine-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--citrine-active);--button-bg-color-hover: var(--citrine-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_1rja9_111._secondary-asphalt_1rja9_132{--button-bg-color: var(--asphalt-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--asphalt-active);--button-bg-color-hover: var(--asphalt-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_1rja9_111._secondary-gray_1rja9_141{--button-bg-color: var(--gray-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--gray-active);--button-bg-color-hover: var(--gray-hover);--button-color: var(--dark-text);--button-border: transparent}._default-button_1rja9_111._secondary-white_1rja9_150{--button-bg-color: var(--white-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--white-active);--button-bg-color-hover: var(--white);--button-color: var(--dark-text);--button-border: transparent}._default-button_1rja9_111._secondary-red_1rja9_159{--button-bg-color: var(--red-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--red-active);--button-bg-color-hover: var(--red-hover);--button-color: var(--light-text);--button-border: transparent}._round-button_1rja9_169{--button-border-radius-l: 24px;--button-border-radius-m: 20px;--button-border-radius-s: 16px;--button-border-radius-xs: 12px;border-radius:var(--button-border-radius)}._round-button_1rja9_169._black_1rja9_176{--button-bg-color: var(--asphalt-normal);--button-bg-color-hover: var(--asphalt-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--light-text);--button-color-hover: var(--light-text);--button-color-active: var(--light-text)}._round-button_1rja9_169._gray_1rja9_185{--button-bg-color: var(--gray-normal);--button-bg-color-hover: var(--gray-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._round-button_1rja9_169._white_1rja9_194{--button-bg-color: var(--white-normal);--button-bg-color-hover: var(--white-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._full_1rja9_204{display:flex;justify-content:center;width:100%}._disabled_1rja9_210{--button-cursor: not-allowed;color:var(--light-text);background-color:var(--disabled)}._disabled_1rja9_210:hover,._disabled_1rja9_210:active,._disabled_1rja9_210:focus{color:var(--light-text);background-color:var(--disabled);box-shadow:none}._icon-button_1rja9_221{justify-content:center;min-width:var(--button-height);padding:0}
@@ -0,0 +1 @@
1
+ ._list-photos_1lzkm_2{display:flex;gap:16px}._list-photos_1lzkm_2 li{position:relative;width:64px;height:64px;overflow:hidden;border-radius:var(--control-radius);box-shadow:0 0 #16172705,0 2px 4px #16172705,0 6px 6px #16172705,0 15px 9px #16172703}._list-photos_1lzkm_2 img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}._list-photos_1lzkm_2 button{position:absolute;right:4px;top:4px}
@@ -1 +1 @@
1
- ._buttons_cnsdp_2{display:inline-flex}._merged-button_cnsdp_6{--button-height: var(--button-height-m);--button-space: var(--control-space-xs)}._merged-button_cnsdp_6:first-child{border-radius:0;border-top-left-radius:var(--control-radius);border-bottom-left-radius:var(--control-radius)}._merged-button_cnsdp_6:last-child{border-radius:0;border-top-right-radius:var(--control-radius);border-bottom-right-radius:var(--control-radius)}._merged-button_cnsdp_6:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover)}._merged-button_cnsdp_6:active{color:var(--button-color-active);background:var(--button-bg-color-active)}._merged-button_cnsdp_6._gray_cnsdp_28{--button-bg-color: var(--black-5);--button-bg-color-hover: var(--black-5);--button-bg-color-active: var(--asphalt-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--sapphire-normal);--button-color-active: var(--light-text)}._merged-button_cnsdp_6._white_cnsdp_36{--button-bg-color: var(--white-normal);--button-bg-color-active: var(--asphalt-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--sapphire-normal);--button-color-active: var(--light-text)}._merged-button_cnsdp_6._transparent_cnsdp_43{--button-bg-color: var(--black-5);--button-bg-color-hover: var(--black-5);--button-bg-color-active: var(--asphalt-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--light-text);--button-color-hover: var(--sapphire-normal);--button-color-active: var(--light-text)}._merged-button_cnsdp_6._is-icon_cnsdp_52{width:var(--button-height-m);padding:0}._merged-button_cnsdp_6:disabled{--button-cursor: not-allowed;color:var(--disabled-color);background-color:var(--black-5)}._merged-button_cnsdp_6:disabled:hover,._merged-button_cnsdp_6:disabled:active,._merged-button_cnsdp_6:disabled:focus{color:var(--disabled-color);background-color:var(--black-5);box-shadow:none}
1
+ ._buttons_1s9fa_2{display:inline-flex}._merged-button_1s9fa_6{--button-height: var(--button-height-m);--button-space: var(--control-space-xs)}._merged-button_1s9fa_6:first-child{border-radius:0;border-top-left-radius:var(--control-radius);border-bottom-left-radius:var(--control-radius)}._merged-button_1s9fa_6:last-child{border-radius:0;border-top-right-radius:var(--control-radius);border-bottom-right-radius:var(--control-radius)}._merged-button_1s9fa_6:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover)}._merged-button_1s9fa_6:active{color:var(--button-color-active);background:var(--button-bg-color-active)}._merged-button_1s9fa_6._gray_1s9fa_28{--button-bg-color: var(--black-5);--button-bg-color-hover: var(--black-5);--button-bg-color-active: var(--asphalt-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--sapphire-normal);--button-color-active: var(--light-text)}._merged-button_1s9fa_6._white_1s9fa_36{--button-bg-color: var(--white-normal);--button-bg-color-active: var(--asphalt-normal);--button-bg-color-hover: var(--white-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--sapphire-normal);--button-color-active: var(--light-text)}._merged-button_1s9fa_6._transparent_1s9fa_44{--button-bg-color: var(--black-5);--button-bg-color-hover: var(--black-5);--button-bg-color-active: var(--asphalt-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--light-text);--button-color-hover: var(--sapphire-normal);--button-color-active: var(--light-text)}._merged-button_1s9fa_6._is-icon_1s9fa_53{width:var(--button-height-m);padding:0}._merged-button_1s9fa_6:disabled{--button-cursor: not-allowed;color:var(--disabled-color);background-color:var(--black-5)}._merged-button_1s9fa_6:disabled:hover,._merged-button_1s9fa_6:disabled:active,._merged-button_1s9fa_6:disabled:focus{color:var(--disabled-color);background-color:var(--black-5);box-shadow:none}
@@ -0,0 +1 @@
1
+ ._upload-file__wrapper_7tnzg_2{position:relative;width:100%}._upload-file__wrapper_7tnzg_2 label{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}._upload-file__wrapper_7tnzg_2 label button{z-index:1}._upload-file__wrapper_7tnzg_2 label b{color:var(--black-100);text-align:center;font-family:var(--font-inter);font-size:var(--size-text-l2);font-style:normal;font-weight:var(--font-weight-text-regular);line-height:130%}._upload-file__wrapper_7tnzg_2 label ._upload-text_7tnzg_25{color:var(--disabled-color);text-align:center;font-family:var(--font-inter);font-size:var(--size-text-m);font-style:normal;font-weight:var(--font-weight-text-regular);line-height:var(--line-height-text-xxs)}._upload-file-input_7tnzg_36{opacity:0;position:absolute;top:0;width:100%;left:0;overflow:hidden;height:100%}
@@ -0,0 +1 @@
1
+ ._upload-file__wrapper_1ltfh_2{display:flex;flex-direction:column;gap:16px}
@@ -1 +1 @@
1
- @font-face{font-weight:400;font-family:Montserrat;font-style:normal;src:url(./fonts/585d10920d676fcd.woff2) format("woff2"),url(./fonts/3b9f59412b17ff93.woff) format("woff")}@font-face{font-weight:700;font-family:Montserrat;font-style:normal;src:url(./fonts/f4d681a788c6d497.woff2) format("woff2"),url(./fonts/43b748f250df0f08.woff) format("woff")}@font-face{font-weight:300;font-family:Montserrat;font-style:normal;src:url(./fonts/ee3db32f0aadef5d.woff2) format("woff2"),url(./fonts/1a738bfdbc1e4d9d.woff) format("woff")}@font-face{font-weight:500;font-family:Montserrat;font-style:normal;src:url(./fonts/e51d2feb30084bc2.woff2) format("woff2"),url(./fonts/badaa6d1837432de.woff) format("woff")}@font-face{font-weight:600;font-family:Montserrat;font-style:normal;src:url(./fonts/63611593e008a77c.woff2) format("woff2"),url(./fonts/3cdd7fabbe89d2b9.woff) format("woff")}@font-face{font-weight:400;font-family:Inter;font-style:normal;src:url(./fonts/d080ae18fd04e52c.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:700;font-family:Inter;font-style:normal;src:url(./fonts/11d5bc9f0cad36d1.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:500;font-family:Inter;font-style:normal;src:url(./fonts/242d04bef81519ae.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:600;font-family:Inter;font-style:normal;src:url(./fonts/cac2ba46e8c8adc9.woff2) format("woff2");font-variant-numeric:slashed-zero}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}:root{font-feature-settings:"zero"}*{margin:0;padding:0;border:0;outline:none}*,:after,:before{box-sizing:border-box}:active,:focus{outline:0}a,a:visited,a:hover{-webkit-text-decoration:none;text-decoration:none}a:active,a:focus{outline:0}aside,footer,header,nav{display:block}body,html{width:100%;height:100%;font-size:100%;line-height:1}button,input,textarea,select{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--color-typo-brand);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:root{--sapphire-100: #2355d7;--sapphire-90: #3564df;--sapphire-80: #4b75e2;--sapphire-70: #6186e6;--sapphire-60: #7797e9;--sapphire-50: #8da7ed;--sapphire-40: #9fb7f4;--sapphire-30: #b9caf4;--sapphire-20: #cfdaf7;--sapphire-10: #e5ebfb;--citrine-100: #ff7900;--citrine-90: #ff861a;--citrine-80: #ff9433;--citrine-70: #ffa14d;--citrine-60: #ffaf66;--citrine-50: #ffbc80;--citrine-40: #ffc999;--citrine-30: #ffd7b2;--citrine-20: #ffe4cc;--citrine-10: #fff2e5;--magenta-100: #bc2251;--magenta-90: #d8275d;--magenta-80: #dc3d6d;--magenta-70: #e15781;--magenta-60: #e46c91;--magenta-50: #e986a4;--magenta-40: #ed9cb4;--magenta-30: #f2b6c8;--magenta-20: #f6cbd8;--magenta-10: #fae5ec;--black-100: #000;--black-95: #0d0d0d;--black-90: #1a1a1a;--black-85: #262626;--black-80: #333;--black-75: #404040;--black-70: #4d4d4d;--black-65: #595959;--black-60: #666;--black-55: #737373;--black-50: #808080;--black-45: #8c8c8c;--black-40: #999;--black-35: #a6a6a6;--black-30: #b3b3b3;--black-25: #bfbfbf;--black-20: #ccc;--black-15: #d9d9d9;--black-10: #e6e6e6;--black-5: #f2f2f2;--white: #fff;--dark-blue: #0a38af;--blue-40: #a7bbef;--blue-20: #d3ddf7;--green: #1b770c;--red-tag: #f01406;--success-normal: #23b413;--success-bg-hover: #d5fbe2;--success-bg-active: #ebfdf1;--alarm-normal: #fdc023;--alarm-bg-hover: #fff0c7;--alarm-bg-active: #fff6de;--error-normal: #e64646;--error-bg-hover: #fadbdb;--error-bg-active: #fbe3e3;--disabled: #b3b3b3;--disabled-color: #b2b2b2;--light-text: var(--white);--dark-text: var(--black-100);--sapphire-normal: var(--sapphire-100);--sapphire-hover: #1b41a3;--sapphire-active: #122c70;--citrine-normal: var(--citrine-100);--citrine-hover: #e56d00;--citrine-active: #cc6100;--asphalt-border: var(--black-30);--asphalt-normal: var(--black-80);--asphalt-hover: var(--black-90);--asphalt-active: var(--black-100);--gray-normal: var(--black-5);--gray-hover: var(--black-10);--gray-active: var(--black-80);--white-normal: var(--white);--white-hover: var(--black-5);--white-transparent: rgba(255, 255, 255, .4);--white-active: var(--black-80);--red-normal: var(--error-normal);--red-hover: #e33030;--red-active: #dc1e1e;--green-normal: var(--green);--green-hover: #16610a;--green-active: #114a08;--counter-text: #ffa066;--button-height-xs: 24px;--button-height-s: 32px;--button-height-m: 40px;--button-height-l: 48px;--button-height-xl: 56px;--button-height-xxl: 64px;--select-search-height-l: 48px;--select-search-height-xxl: 64px;--select-search-options-height-desktop: 320px;--select-search-options-height-mobile: 264px;--control-default: var(--sapphire-20);--control-hover: var(--sapphire-40);--control-selected: var(--sapphire-100);--control-disabled: var(--black-10);--font-inter: "Inter", sans-serif;--font-montserrat: "Montserrat", sans-serif;--font-weight-text-regular: 400;--font-weight-text-medium: 500;--font-weight-text-semibold: 600;--font-weight-text-bold: 700;--font-weight-text-extrabold: 800;--font-weight-text-black: 900;--size-text-xs2: 8px;--size-text-xs: 10px;--size-text-s: 12px;--size-text-m: 14px;--size-text-l: 16px;--size-text-xl: 20px;--size-text-xl2: 24px;--size-text-2xl: 28px;--size-text-xl3: 32px;--size-text-xl4: 48px;--size-text-xl5: 72px;--size-text-xl6: 96px;--line-height-text-2xs: 1em;--line-height-text-xs: 1.1em;--line-height-text-s: 1.2em;--line-height-text-s1: 1.25em;--line-height-text-m: 1.3em;--line-height-text-m1: 1.35em;--line-height-text-l: 1.4em;--line-height-text-l1: 1.45em;--line-height-text-xl: 1.5em;--line-height-text-xl1: 1.5em;--control-radius-xs: 4px;--control-radius: 6px;--control-radius-s: 8px;--control-radius-m: 20px;--control-radius-l: 24px;--control-radius-xl: 32px;--control-radius-xxl: 40px;--control-input-radius: 12px;--control-border-width: 1px;--control-height-xl: 60px;--control-height-xxl: 60px;--control-height-l: var(--space-4xl);--control-height-m: var(--space-3xl);--control-height-s: var(--space-2xl);--control-height-xs: var(--space-xl);--control-box-size-s: var(--space-s);--control-box-size-m: var(--space-m);--control-box-size-l: var(--space-l);--control-space-xxl: var(--space-xl);--control-space-l: var(--space-xl);--control-space-m: var(--space-l);--control-space-s: var(--space-m);--control-space-xs: var(--space-s);--control-text-size-2xl: var(--size-text-xl);--control-text-size-xl: var(--size-text-xl3);--control-text-size-l: var(--size-text-l);--control-text-size-m: var(--size-text-m);--control-text-size-s: var(--size-text-s);--control-text-size-xs: var(--size-text-xs);--space-3xs: 2px;--space-2xs: 4px;--space-1xs: 6px;--space-xs: 8px;--space-xss: 10px;--space-s: 12px;--space-2s: 14px;--space-m: 16px;--space-2m: 18px;--space-l: 20px;--space-2l: 22px;--space-xl: 24px;--space-2xl: 32px;--space-xxl: 40px;--space-3xl: 44px;--space-4xl: 48px;--space-4xxl: 64px;--space-5xl: 72px;--space-6xl: 96px;--box-shadow-active: 0 0 2px var(--sapphire-normal);--box-shadow-focus: 0px 0px 10px 2px #1389cc;--box-shadow-select-search: 0 3px 15px 0 rgba(31, 32, 35, .15);--select-search-input-top-l: -15%;--select-search-input-top-xxl: -35%;--container-width-xs: 375px;--container-width-s: 767px;--container-width-m: 960px;--container-width-l: 1280px;--container-width-xl: 1440px;--container-width-xxl: 1920px;--zindex-fixed: 1030;--sidebar-width-collapsed: 64px;--sidebar-width-expanded: 256px;--header-height: 64px;--sidebar-form-width-tablet: 369px;--sidebar-form-width-mobile: 309px}@supports (font-variation-settings: normal){:root{font-family:Inter,sans-serif}}:root{font-feature-settings:"zero";font-variant-numeric:slashed-zero}body{font-family:Inter,sans-serif;font-feature-settings:"zero";font-variant-numeric:slashed-zero;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
1
+ @font-face{font-weight:400;font-family:Montserrat;font-style:normal;src:url(./fonts/585d10920d676fcd.woff2) format("woff2"),url(./fonts/3b9f59412b17ff93.woff) format("woff")}@font-face{font-weight:700;font-family:Montserrat;font-style:normal;src:url(./fonts/f4d681a788c6d497.woff2) format("woff2"),url(./fonts/43b748f250df0f08.woff) format("woff")}@font-face{font-weight:300;font-family:Montserrat;font-style:normal;src:url(./fonts/ee3db32f0aadef5d.woff2) format("woff2"),url(./fonts/1a738bfdbc1e4d9d.woff) format("woff")}@font-face{font-weight:500;font-family:Montserrat;font-style:normal;src:url(./fonts/e51d2feb30084bc2.woff2) format("woff2"),url(./fonts/badaa6d1837432de.woff) format("woff")}@font-face{font-weight:600;font-family:Montserrat;font-style:normal;src:url(./fonts/63611593e008a77c.woff2) format("woff2"),url(./fonts/3cdd7fabbe89d2b9.woff) format("woff")}@font-face{font-weight:400;font-family:Inter;font-style:normal;src:url(./fonts/d080ae18fd04e52c.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:700;font-family:Inter;font-style:normal;src:url(./fonts/11d5bc9f0cad36d1.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:500;font-family:Inter;font-style:normal;src:url(./fonts/242d04bef81519ae.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:600;font-family:Inter;font-style:normal;src:url(./fonts/cac2ba46e8c8adc9.woff2) format("woff2");font-variant-numeric:slashed-zero}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}:root{font-feature-settings:"zero"}*{margin:0;padding:0;border:0;outline:none}*,:after,:before{box-sizing:border-box}:active,:focus{outline:0}a,a:visited,a:hover{-webkit-text-decoration:none;text-decoration:none}a:active,a:focus{outline:0}aside,footer,header,nav{display:block}body,html{width:100%;height:100%;font-size:100%;line-height:1}button,input,textarea,select{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--color-typo-brand);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:root{--sapphire-100: #2355d7;--sapphire-90: #3564df;--sapphire-80: #4b75e2;--sapphire-70: #6186e6;--sapphire-60: #7797e9;--sapphire-50: #8da7ed;--sapphire-40: #9fb7f4;--sapphire-30: #b9caf4;--sapphire-20: #cfdaf7;--sapphire-10: #e5ebfb;--citrine-100: #ff7900;--citrine-90: #ff861a;--citrine-80: #ff9433;--citrine-70: #ffa14d;--citrine-60: #ffaf66;--citrine-50: #ffbc80;--citrine-40: #ffc999;--citrine-30: #ffd7b2;--citrine-20: #ffe4cc;--citrine-10: #fff2e5;--magenta-100: #bc2251;--magenta-90: #d8275d;--magenta-80: #dc3d6d;--magenta-70: #e15781;--magenta-60: #e46c91;--magenta-50: #e986a4;--magenta-40: #ed9cb4;--magenta-30: #f2b6c8;--magenta-20: #f6cbd8;--magenta-10: #fae5ec;--black-100: #000;--black-95: #0d0d0d;--black-90: #1a1a1a;--black-85: #262626;--black-80: #333;--black-75: #404040;--black-70: #4d4d4d;--black-65: #595959;--black-60: #666;--black-55: #737373;--black-50: #808080;--black-45: #8c8c8c;--black-40: #999;--black-35: #a6a6a6;--black-30: #b3b3b3;--black-25: #bfbfbf;--black-20: #ccc;--black-15: #d9d9d9;--black-10: #e6e6e6;--black-5: #f2f2f2;--white: #fff;--dark-blue: #0a38af;--blue-40: #a7bbef;--blue-20: #d3ddf7;--green: #1b770c;--red-tag: #f01406;--success-normal: #23b413;--success-bg-hover: #d5fbe2;--success-bg-active: #ebfdf1;--alarm-normal: #fdc023;--alarm-bg-hover: #fff0c7;--alarm-bg-active: #fff6de;--error-normal: #e64646;--error-bg-hover: #fadbdb;--error-bg-active: #fbe3e3;--disabled: #b3b3b3;--disabled-color: #b2b2b2;--light-text: var(--white);--dark-text: var(--black-100);--sapphire-normal: var(--sapphire-100);--sapphire-hover: #1b41a3;--sapphire-active: #122c70;--citrine-normal: var(--citrine-100);--citrine-hover: #e56d00;--citrine-active: #cc6100;--asphalt-border: var(--black-30);--asphalt-normal: var(--black-80);--asphalt-hover: var(--black-90);--asphalt-active: var(--black-100);--gray-normal: var(--black-5);--gray-hover: var(--black-10);--gray-active: var(--black-80);--white-normal: var(--white);--white-hover: var(--black-5);--white-transparent: rgba(255, 255, 255, .4);--white-active: var(--black-80);--red-normal: var(--error-normal);--red-hover: #e33030;--red-active: #dc1e1e;--green-normal: var(--green);--green-hover: #16610a;--green-active: #114a08;--counter-text: #ffa066;--button-height-ms: 16px;--button-height-xs: 24px;--button-height-s: 32px;--button-height-m: 40px;--button-height-l: 48px;--button-height-xl: 56px;--button-height-xxl: 64px;--select-search-height-l: 48px;--select-search-height-xxl: 64px;--select-search-options-height-desktop: 320px;--select-search-options-height-mobile: 264px;--control-default: var(--sapphire-20);--control-hover: var(--sapphire-40);--control-selected: var(--sapphire-100);--control-disabled: var(--black-10);--font-inter: "Inter", sans-serif;--font-montserrat: "Montserrat", sans-serif;--font-weight-text-regular: 400;--font-weight-text-medium: 500;--font-weight-text-semibold: 600;--font-weight-text-bold: 700;--font-weight-text-extrabold: 800;--font-weight-text-black: 900;--size-text-xs2: 8px;--size-text-xs: 10px;--size-text-s: 12px;--size-text-m: 14px;--size-text-l: 16px;--size-text-l2: 18px;--size-text-xl: 20px;--size-text-xl2: 24px;--size-text-2xl: 28px;--size-text-xl3: 32px;--size-text-xl4: 48px;--size-text-xl5: 72px;--size-text-xl6: 96px;--line-height-text-2xs: 1em;--line-height-text-xxs: 1.125em;--line-height-text-xs: 1.1em;--line-height-text-s: 1.2em;--line-height-text-s1: 1.25em;--line-height-text-m: 1.3em;--line-height-text-m1: 1.35em;--line-height-text-l: 1.4em;--line-height-text-l1: 1.45em;--line-height-text-xl: 1.5em;--line-height-text-xl1: 1.5em;--control-radius-xs: 4px;--control-radius: 6px;--control-radius-s: 8px;--control-radius-m: 20px;--control-radius-l: 24px;--control-radius-xl: 32px;--control-radius-xxl: 40px;--control-input-radius: 12px;--control-border-width: 1px;--control-height-xl: 60px;--control-height-xxl: 60px;--control-height-l: var(--space-4xl);--control-height-m: var(--space-3xl);--control-height-s: var(--space-2xl);--control-height-xs: var(--space-xl);--control-box-size-s: var(--space-s);--control-box-size-m: var(--space-m);--control-box-size-l: var(--space-l);--control-space-xxl: var(--space-xl);--control-space-l: var(--space-xl);--control-space-m: var(--space-l);--control-space-s: var(--space-m);--control-space-xs: var(--space-s);--control-text-size-2xl: var(--size-text-xl);--control-text-size-xl: var(--size-text-xl3);--control-text-size-l: var(--size-text-l);--control-text-size-m: var(--size-text-m);--control-text-size-s: var(--size-text-s);--control-text-size-xs: var(--size-text-xs);--space-3xs: 2px;--space-2xs: 4px;--space-1xs: 6px;--space-xs: 8px;--space-xss: 10px;--space-s: 12px;--space-2s: 14px;--space-m: 16px;--space-2m: 18px;--space-l: 20px;--space-2l: 22px;--space-xl: 24px;--space-2xl: 32px;--space-xxl: 40px;--space-3xl: 44px;--space-4xl: 48px;--space-4xxl: 64px;--space-5xl: 72px;--space-6xl: 96px;--box-shadow-active: 0 0 2px var(--sapphire-normal);--box-shadow-focus: 0px 0px 10px 2px #1389cc;--box-shadow-select-search: 0 3px 15px 0 rgba(31, 32, 35, .15);--select-search-input-top-l: -15%;--select-search-input-top-xxl: -35%;--container-width-xs: 375px;--container-width-s: 767px;--container-width-m: 960px;--container-width-l: 1280px;--container-width-xl: 1440px;--container-width-xxl: 1920px;--zindex-fixed: 1030;--sidebar-width-collapsed: 64px;--sidebar-width-expanded: 256px;--header-height: 64px;--sidebar-form-width-tablet: 369px;--sidebar-form-width-mobile: 309px}@supports (font-variation-settings: normal){:root{font-family:Inter,sans-serif}}:root{font-feature-settings:"zero";font-variant-numeric:slashed-zero}body{font-family:Inter,sans-serif;font-feature-settings:"zero";font-variant-numeric:slashed-zero;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
@@ -3,19 +3,19 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
3
3
  import { forwardRef } from "react";
4
4
  import { EButtonVariantDefault, EButtonForm } from "./constants.js";
5
5
  import { Icon } from "../../icons/Icon.js";
6
- import '../../assets/Button.css';const button = "_button_1wajr_2";
7
- const clear = "_clear_1wajr_41";
8
- const xs = "_xs_1wajr_53";
9
- const s = "_s_1wajr_61";
10
- const m = "_m_1wajr_69";
11
- const l = "_l_1wajr_77";
12
- const xl = "_xl_1wajr_85";
13
- const xxl = "_xxl_1wajr_94";
14
- const black = "_black_1wajr_168";
15
- const gray = "_gray_1wajr_177";
16
- const white = "_white_1wajr_186";
17
- const full = "_full_1wajr_196";
18
- const disabled = "_disabled_1wajr_202";
6
+ import '../../assets/Button.css';const button = "_button_1rja9_2";
7
+ const clear = "_clear_1rja9_41";
8
+ const xs = "_xs_1rja9_53";
9
+ const s = "_s_1rja9_61";
10
+ const m = "_m_1rja9_69";
11
+ const l = "_l_1rja9_77";
12
+ const xl = "_xl_1rja9_85";
13
+ const xxl = "_xxl_1rja9_94";
14
+ const black = "_black_1rja9_176";
15
+ const gray = "_gray_1rja9_185";
16
+ const white = "_white_1rja9_194";
17
+ const full = "_full_1rja9_204";
18
+ const disabled = "_disabled_1rja9_210";
19
19
  const cls = {
20
20
  button,
21
21
  clear,
@@ -25,20 +25,21 @@ const cls = {
25
25
  l,
26
26
  xl,
27
27
  xxl,
28
- "default-button": "_default-button_1wajr_103",
29
- "primary-sapphire": "_primary-sapphire_1wajr_106",
30
- "primary-citrine": "_primary-citrine_1wajr_115",
31
- "secondary-asphalt": "_secondary-asphalt_1wajr_124",
32
- "secondary-gray": "_secondary-gray_1wajr_133",
33
- "secondary-white": "_secondary-white_1wajr_142",
34
- "secondary-red": "_secondary-red_1wajr_151",
35
- "round-button": "_round-button_1wajr_161",
28
+ "m-s": "_m-s_1rja9_103",
29
+ "default-button": "_default-button_1rja9_111",
30
+ "primary-sapphire": "_primary-sapphire_1rja9_114",
31
+ "primary-citrine": "_primary-citrine_1rja9_123",
32
+ "secondary-asphalt": "_secondary-asphalt_1rja9_132",
33
+ "secondary-gray": "_secondary-gray_1rja9_141",
34
+ "secondary-white": "_secondary-white_1rja9_150",
35
+ "secondary-red": "_secondary-red_1rja9_159",
36
+ "round-button": "_round-button_1rja9_169",
36
37
  black,
37
38
  gray,
38
39
  white,
39
40
  full,
40
41
  disabled,
41
- "icon-button": "_icon-button_1wajr_213"
42
+ "icon-button": "_icon-button_1rja9_221"
42
43
  };
43
44
  const Button = forwardRef(
44
45
  (props, ref) => {
@@ -17,7 +17,8 @@ export declare enum EButtonSize {
17
17
  M = "m",
18
18
  L = "l",
19
19
  XL = "xl",
20
- XXL = "xxl"
20
+ XXL = "xxl",
21
+ MS = "m-s"
21
22
  }
22
23
  export declare enum EButtonForm {
23
24
  DefaultButton = "default-button",
@@ -20,6 +20,7 @@ var EButtonSize = /* @__PURE__ */ ((EButtonSize2) => {
20
20
  EButtonSize2["L"] = "l";
21
21
  EButtonSize2["XL"] = "xl";
22
22
  EButtonSize2["XXL"] = "xxl";
23
+ EButtonSize2["MS"] = "m-s";
23
24
  return EButtonSize2;
24
25
  })(EButtonSize || {});
25
26
  var EButtonForm = /* @__PURE__ */ ((EButtonForm2) => {
@@ -0,0 +1,23 @@
1
+ export type TListPhotos = {
2
+ /**
3
+ * Массив фото
4
+ */
5
+ value: TPhotosDetail[];
6
+ /**
7
+ * функция -callback, которая вызывается при изменении списка и передает обновленный список и deleteId,
8
+ */
9
+ onChange?: (e: TPhotoValue) => void;
10
+ };
11
+ export type TPhotoItem = {
12
+ id: number;
13
+ url: string;
14
+ };
15
+ export type TPhotoValue = {
16
+ deleteId?: number;
17
+ list: TPhotoItem[];
18
+ };
19
+ export type TPhotosDetail = {
20
+ id: number;
21
+ url: string;
22
+ };
23
+ export declare function ListPhotos({ value, onChange }: TListPhotos): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,33 @@
1
+ import { jsx, jsxs } from "react/jsx-runtime";
2
+ import { useState, useEffect } from "react";
3
+ import { Button } from "../Button/Button.js";
4
+ import '../../assets/ListPhotos.css';const cls = {
5
+ "list-photos": "_list-photos_1lzkm_2"
6
+ };
7
+ function ListPhotos({ value, onChange }) {
8
+ const [list, setList] = useState(value);
9
+ useEffect(() => {
10
+ setList(value);
11
+ }, [value]);
12
+ const onDelete = async (id) => {
13
+ const newList = [...list.filter((el) => el.id !== id)];
14
+ setList(newList);
15
+ onChange == null ? void 0 : onChange({ deleteId: id, list: newList });
16
+ };
17
+ return /* @__PURE__ */ jsx("ul", { className: cls["list-photos"], children: list.map((el) => /* @__PURE__ */ jsxs("li", { children: [
18
+ /* @__PURE__ */ jsx("img", { src: el.url, alt: "" }),
19
+ onChange && /* @__PURE__ */ jsx(
20
+ Button,
21
+ {
22
+ isIconButton: true,
23
+ iconName: "Close12px",
24
+ size: "m-s",
25
+ variant: "secondary-gray",
26
+ onClick: () => onDelete(el.id)
27
+ }
28
+ )
29
+ ] }, el.id)) });
30
+ }
31
+ export {
32
+ ListPhotos
33
+ };
@@ -0,0 +1,3 @@
1
+ import { TPhotosDetail } from './ListPhotos';
2
+
3
+ export declare const photos: TPhotosDetail[];
@@ -0,0 +1,21 @@
1
+ const photos = [
2
+ {
3
+ id: 111,
4
+ url: "https://i.pinimg.com/736x/5a/e6/12/5ae612a7ecf50870c8f41961fefc332f.jpg"
5
+ },
6
+ {
7
+ id: 112,
8
+ url: "https://i1.sndcdn.com/artworks-rQAPPfrs44UvRwIz-WJkvyQ-t500x500.jpg"
9
+ },
10
+ {
11
+ id: 113,
12
+ url: "https://i1.sndcdn.com/avatars-000095020320-0pmjnu-t500x500.jpg"
13
+ },
14
+ {
15
+ id: 114,
16
+ url: "https://i1.sndcdn.com/avatars-000151937348-27m28p-t500x500.jpg"
17
+ }
18
+ ];
19
+ export {
20
+ photos
21
+ };
@@ -0,0 +1,2 @@
1
+ export { ListPhotos } from './ListPhotos';
2
+ export type { ListPhotos as TListPhotos } from './ListPhotos';
@@ -0,0 +1,4 @@
1
+ import { ListPhotos } from "./ListPhotos.js";
2
+ export {
3
+ ListPhotos
4
+ };
@@ -3,17 +3,17 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
3
3
  import { memo } from "react";
4
4
  import { EMergedButtonVariantRound } from "./constants.js";
5
5
  import { Button } from "../Button/Button.js";
6
- import '../../assets/MergedButton.css';const buttons = "_buttons_cnsdp_2";
7
- const gray = "_gray_cnsdp_28";
8
- const white = "_white_cnsdp_36";
9
- const transparent = "_transparent_cnsdp_43";
6
+ import '../../assets/MergedButton.css';const buttons = "_buttons_1s9fa_2";
7
+ const gray = "_gray_1s9fa_28";
8
+ const white = "_white_1s9fa_36";
9
+ const transparent = "_transparent_1s9fa_44";
10
10
  const cls = {
11
11
  buttons,
12
- "merged-button": "_merged-button_cnsdp_6",
12
+ "merged-button": "_merged-button_1s9fa_6",
13
13
  gray,
14
14
  white,
15
15
  transparent,
16
- "is-icon": "_is-icon_cnsdp_52"
16
+ "is-icon": "_is-icon_1s9fa_53"
17
17
  };
18
18
  const MergedButton = memo(({ buttons: buttons2 }) => {
19
19
  return /* @__PURE__ */ jsx("div", { className: cls.buttons, children: buttons2.map(
@@ -0,0 +1,30 @@
1
+ import { imageTypesArr } from './constants';
2
+
3
+ export type TUploader = {
4
+ /**
5
+ * Массив разрешенных типов файлов для настройки валидации
6
+ * 'jpeg' | 'png' | 'tiff'|'gif'|'doc'|'xls'|'pdf'|'docx' |'txt' | 'xlsx'
7
+ */
8
+ filesType: imageTypesArr[];
9
+ /**
10
+ * Наименование передаваемого массива файлов
11
+ */
12
+ name: string;
13
+ /**
14
+ * Функция - callback, которая вызывается при изменении значения и передает имя и новое значение
15
+ */
16
+ onChangeValue: (e: TUploadValue) => void;
17
+ /**
18
+ * Максимальный размер файлов.
19
+ */
20
+ maxSize: number;
21
+ };
22
+ export type TUploadValue = {
23
+ value: TFileItem[];
24
+ name?: string;
25
+ };
26
+ export type TFileItem = {
27
+ id: number;
28
+ file: File;
29
+ };
30
+ export declare function Uploader({ filesType, onChangeValue, name, maxSize }: TUploader): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,91 @@
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
+ import { useId, useRef } from "react";
3
+ import { Icon } from "../../icons/Icon.js";
4
+ import { Button } from "../Button/Button.js";
5
+ import '../../assets/Uploader.css';const cls = {
6
+ "upload-file__wrapper": "_upload-file__wrapper_7tnzg_2",
7
+ "upload-text": "_upload-text_7tnzg_25",
8
+ "upload-file-input": "_upload-file-input_7tnzg_36"
9
+ };
10
+ const MIME = {
11
+ jpeg: "image/jpeg",
12
+ png: "image/png",
13
+ tiff: "image/tiff",
14
+ gif: "image/gif",
15
+ webp: "image/webp",
16
+ doc: "application/msword",
17
+ docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
18
+ pdf: "application/pdf",
19
+ xls: "application/excel",
20
+ txt: "text/plain",
21
+ xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
22
+ };
23
+ const filesTyps = ["jpeg", "png", "tiff", "gif"];
24
+ const generateId = (min, max) => {
25
+ return Math.random() * (max - min) + min;
26
+ };
27
+ function Uploader({
28
+ filesType = filesTyps,
29
+ onChangeValue,
30
+ name,
31
+ maxSize = 15
32
+ }) {
33
+ const idImg = useId();
34
+ const ref = useRef(null);
35
+ const onChange = (e) => {
36
+ if (e.target.files && e.target.files[0]) {
37
+ const list = [];
38
+ Array.from(e.target.files).forEach((el) => {
39
+ console.log(el.type);
40
+ if (filesType.map((name2) => MIME[name2]).includes(el.type) && el.size / 1024 ** 2 <= maxSize) {
41
+ list.push({ file: el, id: generateId(1, 100) });
42
+ }
43
+ });
44
+ onChangeValue({ name, value: list });
45
+ }
46
+ };
47
+ const onOpen = () => {
48
+ var _a;
49
+ (_a = ref.current) == null ? void 0 : _a.click();
50
+ };
51
+ return /* @__PURE__ */ jsxs("div", { className: cls["upload-file__wrapper"], children: [
52
+ /* @__PURE__ */ jsx(
53
+ "input",
54
+ {
55
+ type: "file",
56
+ className: cls["upload-file-input"],
57
+ "aria-label": "Upload",
58
+ name: "image[]",
59
+ multiple: true,
60
+ onChange,
61
+ title: "",
62
+ id: idImg,
63
+ accept: filesType.map((i) => MIME[i]).join()
64
+ }
65
+ ),
66
+ /* @__PURE__ */ jsxs("label", { htmlFor: idImg, ref, children: [
67
+ /* @__PURE__ */ jsx(
68
+ Button,
69
+ {
70
+ size: "m",
71
+ variant: "secondary-asphalt",
72
+ leftIcon: /* @__PURE__ */ jsx(Icon, { iconName: "UnionIcon16px" }),
73
+ onClick: onOpen,
74
+ children: "Выберите файлы"
75
+ }
76
+ ),
77
+ /* @__PURE__ */ jsx("b", { children: "Или перетащие сюда" }),
78
+ /* @__PURE__ */ jsxs("span", { className: cls["upload-text"], children: [
79
+ "Максимальный размер одного файла – ",
80
+ maxSize,
81
+ " Мб",
82
+ /* @__PURE__ */ jsx("br", {}),
83
+ "Загрузить можно файлы следующих форматов: ",
84
+ filesType.join(", ")
85
+ ] })
86
+ ] })
87
+ ] });
88
+ }
89
+ export {
90
+ Uploader
91
+ };
@@ -0,0 +1,5 @@
1
+ export type imageTypesArr = 'jpeg' | 'png' | 'tiff' | 'gif' | 'doc' | 'xls' | 'pdf' | 'docx' | 'txt' | 'xlsx';
2
+ export declare const TypeFilesArray: {
3
+ images: imageTypesArr[];
4
+ docs: imageTypesArr[];
5
+ };
@@ -0,0 +1,16 @@
1
+ const imageFileTypes = ["jpeg", "png", "tiff", "gif"];
2
+ const docsFileTypes = [
3
+ "doc",
4
+ "xls",
5
+ "pdf",
6
+ "docx",
7
+ "txt",
8
+ "xlsx"
9
+ ];
10
+ const TypeFilesArray = {
11
+ images: imageFileTypes,
12
+ docs: docsFileTypes
13
+ };
14
+ export {
15
+ TypeFilesArray
16
+ };
@@ -0,0 +1,2 @@
1
+ export { Uploader } from './Uploader';
2
+ export type { Uploader as TUploader } from './Uploader';
@@ -0,0 +1,4 @@
1
+ import { Uploader } from "./Uploader.js";
2
+ export {
3
+ Uploader
4
+ };
@@ -0,0 +1,29 @@
1
+ import { imageTypesArr } from '../Uploader/constants';
2
+ import { TFileItem } from '../Uploader/Uploader';
3
+
4
+ export type TUploaderPhotos = {
5
+ /**
6
+ * Массив разрешенных типов файлов для настройки валидации
7
+ * 'jpeg' | 'png' | 'tiff' | 'gif' | 'doc' | 'xls' | 'pdf' |'docx' | 'txt'
8
+ */
9
+ filesType: imageTypesArr[];
10
+ /**
11
+ * Наименование передаваемого массива файлов
12
+ */
13
+ name: string;
14
+ /**
15
+ * Максимальный размер файлов.
16
+ */
17
+ maxSize: number;
18
+ /**
19
+ * Функция обратного вызова, передает параметры type и data,
20
+ * type 'add' в data передает массив файлов,
21
+ * type:'delete' в data передает id удаленного файла
22
+ */
23
+ onChange: (j: TOnChangePhotosUpdate) => void;
24
+ };
25
+ export type TOnChangePhotosUpdate = {
26
+ type: string;
27
+ data: TFileItem[] | number;
28
+ };
29
+ export declare function UploaderPhotos({ filesType, name, maxSize, onChange }: TUploaderPhotos): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,48 @@
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
+ import { useState } from "react";
3
+ import { ListPhotos } from "../ListPhotos/ListPhotos.js";
4
+ import { Uploader } from "../Uploader/Uploader.js";
5
+ import '../../assets/UploaderPhotos.css';const cls = {
6
+ "upload-file__wrapper": "_upload-file__wrapper_1ltfh_2"
7
+ };
8
+ function UploaderPhotos({
9
+ filesType,
10
+ name,
11
+ maxSize,
12
+ onChange
13
+ }) {
14
+ const [photos, setPhotos] = useState([]);
15
+ const onChangeValue = (e) => {
16
+ setPhotos([
17
+ ...photos,
18
+ ...e.value.map((el) => {
19
+ return {
20
+ url: URL.createObjectURL(el.file),
21
+ id: el.id
22
+ };
23
+ })
24
+ ]);
25
+ onChange == null ? void 0 : onChange({ type: "add", data: e.value });
26
+ };
27
+ const onDelete = (j) => {
28
+ setPhotos(j.list);
29
+ if (j.deleteId) {
30
+ onChange == null ? void 0 : onChange({ type: "delete", data: j.deleteId });
31
+ }
32
+ };
33
+ return /* @__PURE__ */ jsxs("div", { className: cls["upload-file__wrapper"], children: [
34
+ /* @__PURE__ */ jsx(
35
+ Uploader,
36
+ {
37
+ filesType,
38
+ name,
39
+ maxSize,
40
+ onChangeValue
41
+ }
42
+ ),
43
+ /* @__PURE__ */ jsx(ListPhotos, { value: photos, onChange: onDelete })
44
+ ] });
45
+ }
46
+ export {
47
+ UploaderPhotos
48
+ };
@@ -0,0 +1,2 @@
1
+ export { UploaderPhotos } from './UploaderPhotos';
2
+ export type { UploaderPhotos as TUploaderPhotos } from './UploaderPhotos';
@@ -0,0 +1,4 @@
1
+ import { UploaderPhotos } from "./UploaderPhotos.js";
2
+ export {
3
+ UploaderPhotos
4
+ };
@@ -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-_ACzPKPw.js";
3
+ import { i as icons } from "../index-Cxiikb7g.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 Close12px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
4
+ export default Close12px;
@@ -0,0 +1,18 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ const Close12px = (props) => {
3
+ return /* @__PURE__ */ jsx(
4
+ "svg",
5
+ {
6
+ width: "12",
7
+ height: "12",
8
+ viewBox: "0 0 12 12",
9
+ fill: "none",
10
+ xmlns: "http://www.w3.org/2000/svg",
11
+ ...props,
12
+ children: /* @__PURE__ */ jsx("path", { d: "M3 9L8.99991 3M9 9L3 3", stroke: "#333333", "stroke-width": "1.5" })
13
+ }
14
+ );
15
+ };
16
+ export {
17
+ Close12px as default
18
+ };
@@ -1,3 +1,4 @@
1
+ export declare const Close12px: import('react').LazyExoticComponent<(props: import('react').SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
1
2
  export declare const Accept16px: import('react').LazyExoticComponent<(props: import('react').SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
2
3
  export declare const Acts16px: import('react').LazyExoticComponent<(props: import('react').SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
3
4
  export declare const Acts16pxF: import('react').LazyExoticComponent<(props: import('react').SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;