mimir-ui-kit 1.14.5 → 1.15.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (62) hide show
  1. package/README.md +62 -62
  2. package/dist/ProgressBar-BekX41HR.js +77 -0
  3. package/dist/SelectSearchOption-snHM9uZX.js +3796 -0
  4. package/dist/assets/Button.css +1 -1
  5. package/dist/assets/ProgressBar2.css +1 -0
  6. package/dist/assets/SelectSearch.css +1 -1
  7. package/dist/assets/SelectSearchOption.css +1 -0
  8. package/dist/assets/Tag.css +1 -1
  9. package/dist/components/Button/Button.js +29 -29
  10. package/dist/components/Input/Input.js +1 -1
  11. package/dist/components/SelectSearch/SelectSearch.d.ts +7 -12
  12. package/dist/components/SelectSearch/SelectSearch.js +681 -3792
  13. package/dist/components/SelectSearch/constants.d.ts +2 -2
  14. package/dist/components/SelectSearch/constants.js +1 -1
  15. package/dist/components/SelectSearch/index.d.ts +2 -1
  16. package/dist/components/SelectSearch/types.d.ts +40 -0
  17. package/dist/components/SelectSearch/types.js +1 -0
  18. package/dist/components/SelectSearchOption/SelectSearchOption.d.ts +10 -0
  19. package/dist/components/SelectSearchOption/SelectSearchOption.js +8 -0
  20. package/dist/components/SelectSearchOption/index.d.ts +2 -0
  21. package/dist/components/SelectSearchOption/index.js +4 -0
  22. package/dist/components/Tag/Tag.js +6 -6
  23. package/dist/components/Timer/Timer.d.ts +1 -1
  24. package/dist/components/Timer/Timer.js +17 -19
  25. package/dist/components/Toasts/ProgressBar.d.ts +5 -0
  26. package/dist/components/Toasts/ProgressBar.js +8 -0
  27. package/dist/components/Toasts/Toast.d.ts +54 -0
  28. package/dist/components/Toasts/Toast.js +73 -0
  29. package/dist/components/Toasts/ToastList.d.ts +10 -0
  30. package/dist/components/Toasts/ToastList.js +50 -0
  31. package/dist/components/Toasts/ToastsProvider.d.ts +3 -0
  32. package/dist/components/Toasts/ToastsProvider.js +46 -0
  33. package/dist/components/Toasts/constants.d.ts +23 -0
  34. package/dist/components/Toasts/constants.js +49 -0
  35. package/dist/components/Toasts/hooks.d.ts +2 -0
  36. package/dist/components/Toasts/hooks.js +16 -0
  37. package/dist/components/Toasts/index.d.ts +3 -0
  38. package/dist/components/Toasts/index.js +9 -0
  39. package/dist/components/Toasts/store.d.ts +29 -0
  40. package/dist/components/Toasts/store.js +50 -0
  41. package/dist/components/Toasts/types.d.ts +5 -0
  42. package/dist/components/Toasts/types.js +1 -0
  43. package/dist/components/Uploader/Uploader.d.ts +4 -4
  44. package/dist/components/Uploader/Uploader.js +5 -4
  45. package/dist/components/Uploader/constants.d.ts +1 -1
  46. package/dist/components/Uploader/constants.js +1 -1
  47. package/dist/components/Uploader/index.d.ts +1 -1
  48. package/dist/components/UploaderPhotos/UploaderPhotos.d.ts +3 -3
  49. package/dist/components/UploaderPhotos/UploaderPhotos.js +2 -2
  50. package/dist/components/UploaderPhotos/index.d.ts +1 -1
  51. package/dist/components/index.d.ts +8 -1
  52. package/dist/components/index.js +14 -1
  53. package/dist/hooks/index.d.ts +1 -0
  54. package/dist/hooks/index.js +2 -0
  55. package/dist/hooks/useCopyToClipboard/index.d.ts +1 -0
  56. package/dist/hooks/useCopyToClipboard/index.js +4 -0
  57. package/dist/hooks/useCopyToClipboard/useCopyToClipboard.d.ts +4 -0
  58. package/dist/hooks/useCopyToClipboard/useCopyToClipboard.js +23 -0
  59. package/dist/hooks/useTimer/index.d.ts +2 -2
  60. package/dist/hooks/useTimer/index.js +14 -7
  61. package/dist/index.js +16 -1
  62. package/package.json +127 -128
@@ -1 +1 @@
1
- ._button_dmyer_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;border-color:var(--border-color);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_dmyer_2:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover);border-color:var(--border-color-hover)}._button_dmyer_2:active{color:var(--button-color-active);background:var(--button-bg-color-active);border-color:var(--border-color-active)}._button_dmyer_2:focus{box-shadow:0 0 2px var(--sapphire-normal)}._button_dmyer_2._clear_dmyer_44:focus{box-shadow:none}._button_dmyer_2 svg{color:currentcolor;fill:currentcolor}._button_dmyer_2 svg path{color:currentcolor;fill:currentcolor}._xs_dmyer_56{--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_dmyer_64{--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_dmyer_72{--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_dmyer_80{--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_dmyer_88{--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_dmyer_97{--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_dmyer_106{--button-height: var(--button-height-ms);font-weight:var(--font-weight-text-regular);border-radius:var(--control-radius-xs)!important;--button-gap: var(--space-2xs);--button-font-size: var(--size-text-s)}._default-button_dmyer_114{border-radius:var(--control-radius)}._default-button_dmyer_114._primary-sapphire_dmyer_117{--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_dmyer_114._primary-citrine_dmyer_126{--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_dmyer_114._secondary-asphalt_dmyer_135{--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_dmyer_114._secondary-gray_dmyer_144{--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_dmyer_114._secondary-white_dmyer_153{--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_dmyer_114._secondary-red_dmyer_162{--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_dmyer_172{--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_dmyer_172._black_dmyer_179{--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_dmyer_172._gray_dmyer_188{--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_dmyer_172._white_dmyer_197{--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)}._outline-button_dmyer_207{--button-bg-color: transparent;--button-bg-color-hover: transparent;--button-bg-color-active: transparent;--button-bg-color-focus: transparent;border:1px solid var(--border-color);border-radius:var(--control-radius)}._outline-button_dmyer_207._outline-asphalt_dmyer_215{--border-color: var(--disabled-color);--button-color: var(--black-80);--border-color-hover: var(--black-80);--button-color-hover: var(--black-80);--border-color-active: var(--black-100);--button-color-active: var(--black-100)}._outline-button_dmyer_207._outline-gray_dmyer_223{--border-color: var(--black-5);--button-color: var(--black-5);--border-color-hover: var(--black-5);--button-color-hover: var(--counter-text);--border-color-active: var(--black-80);--button-color-active: var(--white);--button-bg-color-active: var(--black-80)}._outline-button_dmyer_207._outline-white_dmyer_232{--border-color: var(--white);--button-color: var(--white);--border-color-hover: var(--white);--button-color-hover: var(--counter-text);--border-color-active: var(--black-80);--button-color-active: var(--white);--button-bg-color-active: var(--black-80)}._outline-button_dmyer_207._outline-red_dmyer_241{--border-color: var(--error-normal);--button-color: var(--error-normal);--border-color-hover: var(--red-hover);--button-color-hover: var(--red-hover);--border-color-active: var(--red-active);--button-color-active: var(--white);--button-bg-color-active: var(--red-active)}._full_dmyer_251{display:flex;justify-content:center;width:100%}._disabled_dmyer_257{--button-cursor: not-allowed;color:var(--light-text);background-color:var(--disabled)}._disabled_dmyer_257:hover,._disabled_dmyer_257:active,._disabled_dmyer_257:focus{color:var(--light-text);background-color:var(--disabled);box-shadow:none}._disabled_dmyer_257._outline-button_dmyer_207{color:var(--disabled);background-color:transparent;border:1px solid var(--disabled)}._icon-button_dmyer_273{justify-content:center;min-width:var(--button-height);padding:0}
1
+ ._button_12tq3_2{--button-loader-color: var(--button-color);--button-cursor: pointer;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;border-color:var(--border-color);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_12tq3_2:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover);border-color:var(--border-color-hover)}._button_12tq3_2:active{color:var(--button-color-active);background:var(--button-bg-color-active);border-color:var(--border-color-active)}._button_12tq3_2:focus{box-shadow:0 0 2px var(--sapphire-normal)}._button_12tq3_2._clear_12tq3_43:focus{box-shadow:none}._button_12tq3_2 svg{color:currentcolor;fill:currentcolor}._button_12tq3_2 svg path{color:currentcolor;fill:currentcolor}._xs_12tq3_55{--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_12tq3_63{--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_12tq3_71{--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_12tq3_79{--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_12tq3_87{--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_12tq3_96{--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_12tq3_105{--button-height: var(--button-height-ms);font-weight:var(--font-weight-text-regular);border-radius:var(--control-radius-xs)!important;--button-gap: var(--space-2xs);--button-font-size: var(--size-text-s)}._default-button_12tq3_113{border-radius:var(--control-radius)}._default-button_12tq3_113._primary-sapphire_12tq3_116{--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_12tq3_113._primary-citrine_12tq3_125{--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_12tq3_113._secondary-asphalt_12tq3_134{--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_12tq3_113._secondary-gray_12tq3_143{--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_12tq3_113._secondary-white_12tq3_152{--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_12tq3_113._secondary-red_12tq3_161{--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_12tq3_171{--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_12tq3_171._black_12tq3_178{--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_12tq3_171._gray_12tq3_187{--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_12tq3_171._white_12tq3_196{--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)}._outline-button_12tq3_206{--button-bg-color: transparent;--button-bg-color-hover: transparent;--button-bg-color-active: transparent;--button-bg-color-focus: transparent;border:1px solid var(--border-color);border-radius:var(--control-radius)}._outline-button_12tq3_206._outline-asphalt_12tq3_214{--border-color: var(--disabled-color);--button-color: var(--black-80);--border-color-hover: var(--black-80);--button-color-hover: var(--black-80);--border-color-active: var(--black-100);--button-color-active: var(--black-100)}._outline-button_12tq3_206._outline-gray_12tq3_222{--border-color: var(--black-5);--button-color: var(--black-5);--border-color-hover: var(--black-5);--button-color-hover: var(--counter-text);--border-color-active: var(--black-80);--button-color-active: var(--white);--button-bg-color-active: var(--black-80)}._outline-button_12tq3_206._outline-white_12tq3_231{--border-color: var(--white);--button-color: var(--white);--border-color-hover: var(--white);--button-color-hover: var(--counter-text);--border-color-active: var(--black-80);--button-color-active: var(--white);--button-bg-color-active: var(--black-80)}._outline-button_12tq3_206._outline-red_12tq3_240{--border-color: var(--error-normal);--button-color: var(--error-normal);--border-color-hover: var(--red-hover);--button-color-hover: var(--red-hover);--border-color-active: var(--red-active);--button-color-active: var(--white);--button-bg-color-active: var(--red-active)}._full_12tq3_250{display:flex;justify-content:center;width:100%}._disabled_12tq3_256{--button-cursor: not-allowed;color:var(--light-text);background-color:var(--disabled)}._disabled_12tq3_256:hover,._disabled_12tq3_256:active,._disabled_12tq3_256:focus{color:var(--light-text);background-color:var(--disabled);box-shadow:none}._disabled_12tq3_256._outline-button_12tq3_206{color:var(--disabled);background-color:transparent;border:1px solid var(--disabled)}._icon-button_12tq3_272{justify-content:center;min-width:var(--button-height);padding:0}
@@ -0,0 +1 @@
1
+ ._toast-list_1bc98_2{position:fixed;z-index:50;width:100vw;max-width:515px;max-height:100vh;padding:var(--space-m);overflow-x:hidden;overflow-y:auto;overflow:hidden auto}._toast-list_1bc98_2::-webkit-scrollbar{display:none}._toast-list_1bc98_2::-webkit-scrollbar-track{background-color:transparent}._toast-list_1bc98_2::-webkit-scrollbar-thumb{background-color:transparent}._toast-list_1bc98_2::-webkit-scrollbar-thumb:window-inactive{background-color:transparent}._toast-wrapper_1bc98_24{position:relative;display:flex;flex-direction:column;padding:var(--space-m);background-color:var(--toast-bg-color);border-radius:var(--control-radius);transition:all .3s ease}._toast-wrapper_1bc98_24:not(:last-child){margin-bottom:var(--space-s)}._title_1bc98_37:not(:last-child){margin-bottom:var(--space-xs)}._timer_1bc98_41{display:flex;justify-content:space-between}._timer_1bc98_41:not(:last-child){margin-bottom:var(--space-2xs)}._timer-title_1bc98_49,._title_1bc98_37,._seconds_1bc98_51{color:var(--black-60);font-size:var(--size-text-m);line-height:var(--line-height-text-xxs)}._seconds_1bc98_51{color:var(--black-100)}._message_1bc98_61{font-size:var(--size-text-l);line-height:var(--line-height-text-s1)}._message_1bc98_61:not(:last-child){margin-bottom:var(--space-xs)}._progress_1bc98_69{position:relative;width:100%;height:8px;overflow:hidden;background-color:var(--black-5);border-radius:var(--control-radius-xs)}._progress-bar_1bc98_78{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;background-color:var(--progress-bg-color);border-radius:var(--control-radius-xs)}._close-button_1bc98_89{position:absolute;top:var(--space-s);right:var(--space-s)}._slot_1bc98_95{margin-top:var(--space-xl)}._default_1bc98_99{--toast-bg-color: var(--white);--progress-bg-color: var(--sapphire-100)}._success_1bc98_104{--toast-bg-color: var(--success-bg-active);--progress-bg-color: var(--success-normal)}._alarm_1bc98_109{--toast-bg-color: var(--alarm-bg-active);--progress-bg-color: var(--alarm-normal)}._error_1bc98_114{--toast-bg-color: var(--error-bg-active);--progress-bg-color: var(--error-normal)}._top-right_1bc98_119{top:0;right:0;transition:all .3s ease}._top-center_1bc98_125{top:0;right:50%;transform:translate(50%)}._top-left_1bc98_131{top:0;left:0}._bottom-left_1bc98_136{bottom:0;left:0}._bottom-center_1bc98_141{right:50%;bottom:0;transform:translate(50%)}._bottom-right_1bc98_147{right:0;bottom:0}@keyframes _toast-in_1bc98_179{0%{transform:var(--elm-translate);opacity:.7}80%{transform:translate(0);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes _toast-out_1bc98_183{0%{opacity:1}20%{transform:translate(0);opacity:.7}to{transform:var(--elm-translate);opacity:.7}}._toast-in_1bc98_179{animation:_toast-in_1bc98_179 .3s both}._toast-out_1bc98_183{animation:_toast-out_1bc98_183 .8s both}
@@ -1 +1 @@
1
- ._select-search_1eksg_2{position:relative}._container_1eksg_6{display:flex;gap:var(--select-search-gap);align-items:center;justify-content:space-between;height:var(--select-search-height);padding:var(--select-search-space);background-color:var(--black-5);border-radius:var(--select-search-radius)}._container-open_1eksg_16{border-bottom:1px solid var(--citrine-100)}._full_1eksg_20{width:100%}._selectorIcon-open_1eksg_24{transform:rotate(180deg)}._placeholder_1eksg_28{position:absolute;top:var(--select-search-input-top);left:0;color:var(--black-60);font-size:var(--select-search-input-font-size);transition:all .3s ease;pointer-events:none}._placeholder-top_1eksg_37{font-size:var(--size-text-s);transform:translateY(-10px);transition-duration:.2s,.1s}._active-placeholder_1eksg_43:not(:-moz-placeholder-shown)~._placeholder_1eksg_28{font-size:var(--size-text-s);transform:translateY(-10px);transition-duration:.2s,.1s}._active-placeholder_1eksg_43:not(:placeholder-shown)~._placeholder_1eksg_28{font-size:var(--size-text-s);transform:translateY(-10px);transition-duration:.2s,.1s}._input_1eksg_49{width:100%;height:100%;color:var(--black-100);font-size:var(--select-search-input-font-size);background-color:var(--black-5)}._input_1eksg_49:focus~._placeholder_1eksg_28{font-size:var(--size-text-s);transform:translateY(-10px);transition-duration:.2s,.1s}._input-container_1eksg_61{position:relative;align-self:flex-end;width:100%}._button_1eksg_67{display:flex;align-items:center;background:none;border:none;cursor:pointer}._options_1eksg_75{position:absolute;top:100%;z-index:10;width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content;max-height:var(--select-search-options-height-desktop);overflow-y:auto;font-size:var(--size-text-l);background:var(--white);border-radius:0 0 var(--select-search-radius) var(--select-search-radius);box-shadow:var(--box-shadow-select-search)}._options_1eksg_75::-webkit-scrollbar{width:2px}._options_1eksg_75::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._options_1eksg_75::-webkit-scrollbar-track{background-color:var(--white)}@media (max-width: 600px){._options_1eksg_75{max-height:var(--select-search-options-height-mobile)}}._option_1eksg_75{padding:var(--select-search-option-space);cursor:pointer;transition:background-color .2s ease-in-out}._option-active_1eksg_109{background-color:var(--black-5)}._option-inner_1eksg_112{display:flex;gap:var(--space-m);align-items:center;justify-content:space-between}._no-options_1eksg_119{padding:var(--select-search-option-space);color:var(--black-80)}._l_1eksg_124{--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-input-font-size: var(--size-text-l);--select-search-gap: var(--space-2xs);--select-search-option-space: var(--space-2s) var(--space-m);--select-search-input-top: var(--select-search-input-top-l)}._xxl_1eksg_134{--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-input-font-size: var(--size-text-xl);--select-search-gap: var(--space-xs);--select-search-option-space: var(--space-2l) var(--space-m);--select-search-input-top: var(--select-search-input-top-xxl)}._selected-icon_1eksg_144 path{fill:var(--sapphire-100)}
1
+ ._select-search_1c0m8_2{position:relative}._container_1c0m8_6{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_1c0m8_15{border-bottom:1px solid var(--citrine-100)}._full_1c0m8_19{width:100%}._selector-icon-open_1c0m8_23{transform:rotate(180deg)}._button_1c0m8_27{position:absolute;top:0;right:0;display:flex;align-items:center;margin:var(--select-search-btn-space);background:none;border:none;cursor:pointer}._options_1c0m8_39{position:absolute;top:100%;z-index:10;width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content;max-height:var(--select-search-options-height-desktop);overflow-y:auto;font-size:var(--size-text-l);background:var(--white);border-radius:0 0 var(--select-search-radius) var(--select-search-radius);box-shadow:var(--box-shadow-select-search)}._options_1c0m8_39::-webkit-scrollbar{width:2px}._options_1c0m8_39::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._options_1c0m8_39::-webkit-scrollbar-track{background-color:var(--white)}@media (max-width: 600px){._options_1c0m8_39{max-height:var(--select-search-options-height-mobile)}}._no-options_1c0m8_68{padding:var(--select-search-option-space);color:var(--black-80)}._m_1c0m8_73{--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)}._l_1c0m8_83{--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)}._list_1c0m8_93{height:100%}._list_1c0m8_93::-webkit-scrollbar{width:2px}._list_1c0m8_93::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._list_1c0m8_93::-webkit-scrollbar-track{background-color:var(--white)}._custom-input-class_1c0m8_107{width:100%!important}._custom-input-class_1c0m8_107:last-child{padding-right:var(--space-4xl)}
@@ -0,0 +1 @@
1
+ ._option_5wfzg_2{display:flex;height:100%;padding:var(--select-search-option-space);cursor:pointer;transition:background-color .2s ease-in-out}._option-active_5wfzg_9{background-color:var(--black-5)}._option-inner_5wfzg_12{display:flex;gap:var(--space-m);align-items:center;align-self:center;justify-content:space-between;width:100%}._selected-icon_5wfzg_21 path{fill:var(--sapphire-100)}._m_5wfzg_25{--select-search-gap: var(--space-2xs);--select-search-option-space: var(--space-2s) var(--space-m)}._l_5wfzg_30{--select-search-gap: var(--space-xs);--select-search-option-space: var(--space-2l) var(--space-m)}
@@ -1 +1 @@
1
- ._container_1f2sk_2{display:flex;align-items:center;justify-content:center;color:var(--sapphire-normal);border:none;border:1px solid var(--sapphire-normal);border-top-left-radius:var(--control-radius-s);border-bottom-right-radius:var(--control-radius-s);transform:skew(-23.48deg)}._container_1f2sk_2:hover{color:var(--sapphire-hover);border-color:var(--sapphire-hover)}._container_1f2sk_2:active{color:var(--white);background-color:var(--sapphire-normal)}._container_1f2sk_2:focus{box-shadow:0 0 4px 0 var(--box-shadow-focus)}._container_1f2sk_2._disabled_1f2sk_24{color:var(--white);background-color:var(--disabled);border-color:var(--disabled)}._container_1f2sk_2 ._inner_1f2sk_29{display:inline-block;font-weight:var(--font-weight-text-regular);font-size:var(--size-text-l);font-family:var(--inter-font-family);line-height:var(--line-height-text-s1);transform:skew(23.48deg)}._container_1f2sk_2._M_1f2sk_37{height:40px;padding:0 15px}._container_1f2sk_2._S_1f2sk_41{height:32px;padding:0 11px}._container_1f2sk_2._S_1f2sk_41 ._inner_1f2sk_29{font-size:var(--size-text-m);line-height:16px}._container_1f2sk_2._XS_1f2sk_49{height:26px;padding:0 8px}._container_1f2sk_2._XS_1f2sk_49 ._inner_1f2sk_29{font-size:var(--size-text-s);line-height:20px}
1
+ ._container_ok6fq_2{display:flex;align-items:center;justify-content:center;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;color:var(--sapphire-normal);border:none;border:1px solid var(--sapphire-normal);border-top-left-radius:var(--control-radius-s);border-bottom-right-radius:var(--control-radius-s);transform:skew(-23.48deg)}._container_ok6fq_2:hover{color:var(--sapphire-hover);border-color:var(--sapphire-hover)}._container_ok6fq_2:active{color:var(--white);background-color:var(--sapphire-normal)}._container_ok6fq_2:focus{box-shadow:0 0 4px 0 var(--box-shadow-focus)}._container_ok6fq_2._disabled_ok6fq_25{color:var(--white);background-color:var(--disabled);border-color:var(--disabled)}._container_ok6fq_2 ._inner_ok6fq_30{display:inline-block;font-weight:var(--font-weight-text-regular);font-size:var(--size-text-l);font-family:var(--inter-font-family);line-height:var(--line-height-text-s1);transform:skew(23.48deg)}._container_ok6fq_2._M_ok6fq_38{height:40px;padding:0 15px}._container_ok6fq_2._S_ok6fq_42{height:32px;padding:0 11px}._container_ok6fq_2._S_ok6fq_42 ._inner_ok6fq_30{font-size:var(--size-text-m);line-height:16px}._container_ok6fq_2._XS_ok6fq_50{height:26px;padding:0 8px}._container_ok6fq_2._XS_ok6fq_50 ._inner_ok6fq_30{font-size:var(--size-text-s);line-height:20px}
@@ -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_dmyer_2";
7
- const clear = "_clear_dmyer_44";
8
- const xs = "_xs_dmyer_56";
9
- const s = "_s_dmyer_64";
10
- const m = "_m_dmyer_72";
11
- const l = "_l_dmyer_80";
12
- const xl = "_xl_dmyer_88";
13
- const xxl = "_xxl_dmyer_97";
14
- const black = "_black_dmyer_179";
15
- const gray = "_gray_dmyer_188";
16
- const white = "_white_dmyer_197";
17
- const full = "_full_dmyer_251";
18
- const disabled = "_disabled_dmyer_257";
6
+ import '../../assets/Button.css';const button = "_button_12tq3_2";
7
+ const clear = "_clear_12tq3_43";
8
+ const xs = "_xs_12tq3_55";
9
+ const s = "_s_12tq3_63";
10
+ const m = "_m_12tq3_71";
11
+ const l = "_l_12tq3_79";
12
+ const xl = "_xl_12tq3_87";
13
+ const xxl = "_xxl_12tq3_96";
14
+ const black = "_black_12tq3_178";
15
+ const gray = "_gray_12tq3_187";
16
+ const white = "_white_12tq3_196";
17
+ const full = "_full_12tq3_250";
18
+ const disabled = "_disabled_12tq3_256";
19
19
  const cls = {
20
20
  button,
21
21
  clear,
@@ -25,26 +25,26 @@ const cls = {
25
25
  l,
26
26
  xl,
27
27
  xxl,
28
- "m-s": "_m-s_dmyer_106",
29
- "default-button": "_default-button_dmyer_114",
30
- "primary-sapphire": "_primary-sapphire_dmyer_117",
31
- "primary-citrine": "_primary-citrine_dmyer_126",
32
- "secondary-asphalt": "_secondary-asphalt_dmyer_135",
33
- "secondary-gray": "_secondary-gray_dmyer_144",
34
- "secondary-white": "_secondary-white_dmyer_153",
35
- "secondary-red": "_secondary-red_dmyer_162",
36
- "round-button": "_round-button_dmyer_172",
28
+ "m-s": "_m-s_12tq3_105",
29
+ "default-button": "_default-button_12tq3_113",
30
+ "primary-sapphire": "_primary-sapphire_12tq3_116",
31
+ "primary-citrine": "_primary-citrine_12tq3_125",
32
+ "secondary-asphalt": "_secondary-asphalt_12tq3_134",
33
+ "secondary-gray": "_secondary-gray_12tq3_143",
34
+ "secondary-white": "_secondary-white_12tq3_152",
35
+ "secondary-red": "_secondary-red_12tq3_161",
36
+ "round-button": "_round-button_12tq3_171",
37
37
  black,
38
38
  gray,
39
39
  white,
40
- "outline-button": "_outline-button_dmyer_207",
41
- "outline-asphalt": "_outline-asphalt_dmyer_215",
42
- "outline-gray": "_outline-gray_dmyer_223",
43
- "outline-white": "_outline-white_dmyer_232",
44
- "outline-red": "_outline-red_dmyer_241",
40
+ "outline-button": "_outline-button_12tq3_206",
41
+ "outline-asphalt": "_outline-asphalt_12tq3_214",
42
+ "outline-gray": "_outline-gray_12tq3_222",
43
+ "outline-white": "_outline-white_12tq3_231",
44
+ "outline-red": "_outline-red_12tq3_240",
45
45
  full,
46
46
  disabled,
47
- "icon-button": "_icon-button_dmyer_273"
47
+ "icon-button": "_icon-button_12tq3_272"
48
48
  };
49
49
  const Button = forwardRef(
50
50
  (props, ref) => {
@@ -73,8 +73,8 @@ const Button = forwardRef(
73
73
  [cls["icon-button"]]: isIconButton
74
74
  };
75
75
  const buttonClassNames = classNames(
76
- cls.button,
77
76
  className,
77
+ cls.button,
78
78
  mods,
79
79
  clear2 ? [] : [cls[form ?? ""], cls[size]]
80
80
  );
@@ -106,7 +106,7 @@ const Input = memo(
106
106
  onFocus: handleFocus,
107
107
  onBlur: handleBlur,
108
108
  readOnly: readonly,
109
- value,
109
+ value: value || "",
110
110
  ...otherProps
111
111
  }
112
112
  )
@@ -1,15 +1,10 @@
1
- import { ESelectSearchSize } from './constants';
1
+ import { FixedSizeListProps } from 'react-window';
2
+ import { TSelectSearchProps } from './types';
3
+ import { SelectSearchOptionProps } from '../SelectSearchOption';
2
4
 
3
- export type TSelectSearchItem = {
4
- id: number;
5
- name: string;
6
- };
7
- export type TSelectSearchProps = {
8
- items: TSelectSearchItem[];
9
- value?: TSelectSearchItem | null;
10
- onChange?: (value: TSelectSearchItem | null) => void;
11
- placeholder?: string;
12
- size?: ESelectSearchSize;
13
- full?: boolean;
5
+ export type SelectSearchFilterOption = SelectSearchOptionProps & {
6
+ key: React.Key | null;
7
+ children: React.ReactNode;
14
8
  };
9
+ export type VirtualizedFixedSizeListProps = Omit<FixedSizeListProps, 'children' | 'itemCount'>;
15
10
  export declare const SelectSearch: import('react').ForwardRefExoticComponent<TSelectSearchProps & import('react').RefAttributes<HTMLElement>>;