mimir-ui-kit 1.1.1 → 1.1.3

package/dist/assets/Button.css

@@ -1 +1 @@
-._button_b3s57_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-decoration:none;text-overflow:ellipsis;-moz-column-gap:var(--button-gap);column-gap:var(--button-gap);background:var(--button-bg-color);border:none;border-radius:var(--control-radius);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_b3s57_2:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover)}._button_b3s57_2:active{color:var(--button-color-active);background:var(--button-bg-color-active)}._button_b3s57_2:focus{box-shadow:0 0 2px var(--sapphire-normal)}._button_b3s57_2._clear_b3s57_41:focus{box-shadow:none}._button_b3s57_2 svg{color:currentcolor;fill:currentcolor}._button_b3s57_2 svg path{color:currentcolor;fill:currentcolor}._xs_b3s57_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_b3s57_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_b3s57_69{--button-height: var(--button-height-m);--button-font-size: var(--control-text-size-m);--button-space: var(--control-space-m);--button-gap: 8px;--button-border-radius: var(--button-border-radius-m)}._l_b3s57_77{--button-height: var(--button-height-l);--button-font-size: var(--control-text-size-l);--button-space: var(--control-space-l);--button-gap: 8px;--button-border-radius: var(--button-border-radius-l)}._xl_b3s57_85{--button-height: var(--button-height-xl);--button-space: var(--control-space-l);--button-gap: 8px;--button-border-radius: var(--button-border-radius-l);font-weight:var(--font-weight-text-medium);font-size:var(--size-text-l)}._xxl_b3s57_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);font-size:var(--size-text-l)}._default-button_b3s57_103._primary-sapphire_b3s57_103{--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_b3s57_103._primary-citrine_b3s57_112{--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_b3s57_103._secondary-asphalt_b3s57_121{--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_b3s57_103._secondary-gray_b3s57_130{--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_b3s57_103._secondary-white_b3s57_139{--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-hover);--button-color: var(--dark-text);--button-border: transparent}._default-button_b3s57_103._secondary-red_b3s57_148{--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_b3s57_158{--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_b3s57_158._black_b3s57_165{--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_b3s57_158._gray_b3s57_174{--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_b3s57_158._white_b3s57_183{--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_b3s57_193{display:block;width:100%}._disabled_b3s57_198{--button-cursor: not-allowed;color:var(--light-text);background-color:var(--disabled)}._disabled_b3s57_198:hover,._disabled_b3s57_198:active,._disabled_b3s57_198:focus{color:var(--light-text);background-color:var(--disabled);box-shadow:none}
+._button_1hqwa_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-decoration:none;text-overflow:ellipsis;-moz-column-gap:var(--button-gap);column-gap:var(--button-gap);background:var(--button-bg-color);border:none;border-radius:var(--control-radius);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_1hqwa_2:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover)}._button_1hqwa_2:active{color:var(--button-color-active);background:var(--button-bg-color-active)}._button_1hqwa_2:focus{box-shadow:0 0 2px var(--sapphire-normal)}._button_1hqwa_2._clear_1hqwa_41:focus{box-shadow:none}._button_1hqwa_2 svg{color:currentcolor;fill:currentcolor}._button_1hqwa_2 svg path{color:currentcolor;fill:currentcolor}._xs_1hqwa_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_1hqwa_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_1hqwa_69{--button-height: var(--button-height-m);--button-font-size: var(--control-text-size-m);--button-space: var(--control-space-m);--button-gap: 8px;--button-border-radius: var(--button-border-radius-m)}._l_1hqwa_77{--button-height: var(--button-height-l);--button-font-size: var(--control-text-size-l);--button-space: var(--control-space-l);--button-gap: 8px;--button-border-radius: var(--button-border-radius-l)}._xl_1hqwa_85{--button-height: var(--button-height-xl);--button-space: var(--control-space-l);--button-gap: 8px;--button-border-radius: var(--button-border-radius-l);font-weight:var(--font-weight-text-medium);font-size:var(--size-text-l)}._xxl_1hqwa_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);font-size:var(--size-text-l)}._default-button_1hqwa_103._primary-sapphire_1hqwa_103{--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_1hqwa_103._primary-citrine_1hqwa_112{--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_1hqwa_103._secondary-asphalt_1hqwa_121{--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_1hqwa_103._secondary-gray_1hqwa_130{--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_1hqwa_103._secondary-white_1hqwa_139{--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-hover);--button-color: var(--dark-text);--button-border: transparent}._default-button_1hqwa_103._secondary-red_1hqwa_148{--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_1hqwa_158{--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_1hqwa_158._black_1hqwa_165{--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_1hqwa_158._gray_1hqwa_174{--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_1hqwa_158._white_1hqwa_183{--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_1hqwa_193{display:block;width:100%}._disabled_1hqwa_198{--button-cursor: not-allowed;color:var(--light-text);background-color:var(--disabled)}._disabled_1hqwa_198:hover,._disabled_1hqwa_198:active,._disabled_1hqwa_198:focus{color:var(--light-text);background-color:var(--disabled);box-shadow:none}._icon-button_1hqwa_209{justify-content:center;min-width:var(--button-height);padding:0}

package/dist/assets/Input.css

@@ -1 +1 @@
-._input-wrapper_isq93_2{position:relative}._input-wrapper_isq93_2 ._label_isq93_5{position:absolute;top:calc(var(--input-height) / 2 - var(--input-font-size) / 2);left:var(--space-m);z-index:1;display:block;color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;transform-origin:left center;transition:transform .15s ease-out,color .15s ease-out;pointer-events:none}._input-wrapper_isq93_2 ._label_isq93_5._active-label_isq93_18{transform:scale(var(--label-scaled)) translateY(calc((var(--input-height) / 2 - var(--label-font-size) / 2) * -1))}._input-wrapper_isq93_2:hover ._label_isq93_5,._input-wrapper_isq93_2:focus-within ._label_isq93_5{color:var(--label-color)}._input_isq93_2{--button-border-radius-l: 8px;--button-border-radius-m: 6px;--button-border-radius-s: 6px;position:relative;display:block;width:100%;min-width:0;height:var(--input-height);padding-top:0;padding-inline:var(--input-padding) var(--input-padding);color:var(--dark-text);font-size:var(--input-font-size);font-family:var(--font-inter);letter-spacing:-.42px;background:none;background-color:var(--input-bg-color);border-bottom:1px solid transparent;border-radius:var(--input-border-radius);outline:none;cursor:var(--input-cursor);font-feature-settings:"zero";transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}._input_isq93_2:hover{color:var(--input-color-hover);background:var(--input-bg-color-hover)}._input_isq93_2:focus{color:var(--input-color-active);background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._s_isq93_60{--input-height: var(--space-xxl);--input-font-size: var(--control-text-size-s);--input-padding: var(--space-m);--input-padding-position: var(--space-1xs);--input-border-radius: var(--button-border-radius-s);--label-font-size: var(--size-text-xs);--label-scaled: .8;--label-spacing: var(--space-1xs)}._m_isq93_71{--input-height: var(--space-4xl);--input-font-size: var(--control-text-size-m);--input-padding: var(--space-m);--input-padding-position: var(--space-xs);--input-border-radius: var(--button-border-radius-m);--label-font-size: var(--size-text-s);--label-scaled: .6;--label-spacing: var(--space-xs)}._l_isq93_5{--input-height: var(--space-4xxl);--input-font-size: var(--control-text-size-2xl);--input-padding: var(--space-m);--input-padding-position: var(--space-s);--input-border-radius: var(--button-border-radius-l);--label-font-size: var(--size-text-s);--label-scaled: .6;--label-spacing: var(--space-s)}._default-gray_isq93_93{--input-bg-color: var(--black-5);--input-bg-color-active: var(--black-10);--input-bg-color-hover: var(--black-10);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_isq93_105{--input-bg-color: var(--white);--input-bg-color-hover: var(--black-60);--input-bg-color-active: var(--white);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_isq93_105:hover{--label-color: var(--dark-text)}._success_isq93_120{--input-bg-color: var(--success-normal);--input-bg-color-hover: var(--success-bg-hover);--input-bg-color-active: var(--success-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--success-normal);--label-color: var(--black-60)}._success_isq93_120::-moz-placeholder{color:var(--input-color)}._success_isq93_120::placeholder{color:var(--input-color)}._success_isq93_120:hover::-moz-placeholder{color:var(--input-color)}._success_isq93_120:hover::placeholder{color:var(--input-color)}._alarm_isq93_138{--input-bg-color: var(--alarm-normal);--input-bg-color-hover: var(--alarm-bg-hover);--input-bg-color-active: var(--alarm-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--alarm-normal);--label-color: var(--black-60)}._alarm_isq93_138::-moz-placeholder{color:var(--input-color)}._alarm_isq93_138::placeholder{color:var(--input-color)}._alarm_isq93_138:hover::-moz-placeholder{color:var(--input-color)}._alarm_isq93_138:hover::placeholder{color:var(--input-color)}._error_isq93_156{--input-bg-color: var(--error-normal);--input-bg-color-hover: var(--error-bg-hover);--input-bg-color-active: var(--error-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--error-normal);--label-color: var(--black-60)}._error_isq93_156::-moz-placeholder{color:var(--input-color)}._error_isq93_156::placeholder{color:var(--input-color)}._error_isq93_156:hover::-moz-placeholder{color:var(--input-color)}._error_isq93_156:hover::placeholder{color:var(--input-color)}._disabled_isq93_174{--input-cursor: not-allowed;color:var(--light-text);background-color:var(--black-20)}._disabled_isq93_174:hover,._disabled_isq93_174:active,._disabled_isq93_174:focus{color:var(--light-text);background-color:var(--black-20);border:none;box-shadow:none}._disabled_isq93_174::-moz-placeholder{color:var(--light-text)}._disabled_isq93_174::placeholder{color:var(--light-text)}._disabled_isq93_174:hover::-moz-placeholder{color:var(--light-text)}._disabled_isq93_174:hover::placeholder{color:var(--light-text)}._has-label_isq93_192{padding-top:var(--input-padding-position)}
+._input-wrapper_1wv6m_2{position:relative}._input-wrapper_1wv6m_2 ._label_1wv6m_5{position:absolute;top:calc(var(--input-height) / 2 - var(--input-font-size) / 2);left:var(--space-m);z-index:1;display:block;color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;transform-origin:left center;transition:transform .15s ease-out,color .15s ease-out;pointer-events:none}._input-wrapper_1wv6m_2 ._label_1wv6m_5._active-label_1wv6m_18{transform:scale(var(--label-scaled)) translateY(calc(var(--input-font-size) * -1))}._input-wrapper_1wv6m_2:hover ._label_1wv6m_5,._input-wrapper_1wv6m_2:focus-within ._label_1wv6m_5{color:var(--label-color)}._input_1wv6m_2{--button-border-radius-l: 8px;--button-border-radius-m: 6px;--button-border-radius-s: 6px;position:relative;display:block;width:100%;min-width:0;height:var(--input-height);padding-top:0;color:var(--dark-text);font-size:var(--input-font-size);font-family:var(--font-inter);line-height:var(--input-line-height);letter-spacing:-.42px;background:none;background-color:var(--input-bg-color);border-bottom:1px solid transparent;border-radius:var(--input-border-radius);outline:none;cursor:var(--input-cursor);transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-inline:var(--input-padding) var(--input-padding);font-feature-settings:"zero"}._input_1wv6m_2:hover{color:var(--input-color-hover);background:var(--input-bg-color-hover)}._input_1wv6m_2:focus{color:var(--input-color-active);background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._s_1wv6m_61{--input-height: var(--space-xxl);--input-font-size: var(--control-text-size-m);--input-line-height: var(--line-height-text-xs);--input-padding: var(--space-m);--input-padding-position: var(--space-1xs);--input-border-radius: var(--button-border-radius-s);--label-font-size: var(--size-text-xs);--label-scaled: .85;--label-spacing: var(--space-1xs)}._m_1wv6m_73{--input-height: var(--space-4xl);--input-font-size: var(--control-text-size-l);--input-line-height: var(--line-height-text-s1);--input-padding: var(--space-m);--input-padding-position: var(--space-xs);--input-border-radius: var(--button-border-radius-m);--label-font-size: var(--size-text-s);--label-scaled: .75;--label-spacing: var(--space-xs)}._l_1wv6m_5{--input-height: var(--space-4xxl);--input-font-size: var(--control-text-size-2xl);--input-line-height: var(--line-height-text-l);--input-padding: var(--space-m);--input-padding-position: var(--space-s);--input-border-radius: var(--button-border-radius-l);--label-font-size: var(--size-text-s);--label-scaled: .6;--label-spacing: var(--space-s)}._default-gray_1wv6m_97{--input-bg-color: var(--black-5);--input-bg-color-active: var(--black-10);--input-bg-color-hover: var(--black-10);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_1wv6m_109{--input-bg-color: var(--white);--input-bg-color-hover: var(--black-60);--input-bg-color-active: var(--white);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_1wv6m_109:hover{--label-color: var(--dark-text)}._success_1wv6m_124{--input-bg-color: var(--success-normal);--input-bg-color-hover: var(--success-bg-hover);--input-bg-color-active: var(--success-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--success-normal);--label-color: var(--black-60)}._success_1wv6m_124::-moz-placeholder{color:var(--input-color)}._success_1wv6m_124::placeholder{color:var(--input-color)}._success_1wv6m_124:hover::-moz-placeholder{color:var(--input-color)}._success_1wv6m_124:hover::placeholder{color:var(--input-color)}._alarm_1wv6m_142{--input-bg-color: var(--alarm-normal);--input-bg-color-hover: var(--alarm-bg-hover);--input-bg-color-active: var(--alarm-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--alarm-normal);--label-color: var(--black-60)}._alarm_1wv6m_142::-moz-placeholder{color:var(--input-color)}._alarm_1wv6m_142::placeholder{color:var(--input-color)}._alarm_1wv6m_142:hover::-moz-placeholder{color:var(--input-color)}._alarm_1wv6m_142:hover::placeholder{color:var(--input-color)}._error_1wv6m_160{--input-bg-color: var(--error-normal);--input-bg-color-hover: var(--error-bg-hover);--input-bg-color-active: var(--error-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--error-normal);--label-color: var(--black-60)}._error_1wv6m_160::-moz-placeholder{color:var(--input-color)}._error_1wv6m_160::placeholder{color:var(--input-color)}._error_1wv6m_160:hover::-moz-placeholder{color:var(--input-color)}._error_1wv6m_160:hover::placeholder{color:var(--input-color)}._disabled_1wv6m_178{--input-cursor: not-allowed;color:var(--light-text);background-color:var(--black-20)}._disabled_1wv6m_178:hover,._disabled_1wv6m_178:active,._disabled_1wv6m_178:focus{color:var(--light-text);background-color:var(--black-20);border:none;box-shadow:none}._disabled_1wv6m_178::-moz-placeholder{color:var(--light-text)}._disabled_1wv6m_178::placeholder{color:var(--light-text)}._disabled_1wv6m_178:hover::-moz-placeholder{color:var(--light-text)}._disabled_1wv6m_178:hover::placeholder{color:var(--light-text)}._has-label_1wv6m_196{padding-top:var(--input-padding-position)}

package/dist/components/Button/Button.d.ts

@@ -1,7 +1,8 @@
-import { ComponentProps, ReactNode } from 'react';
-import { TButtonDefaultFormProps, TButtonRoundFormProps } from './types';
+import { ComponentProps } from 'react';
+import { TCommonButtonProps } from './types';
+import { TIcon } from '../../icons';
 
-export type TProps = (TButtonDefaultFormProps | TButtonRoundFormProps) & ComponentProps<'button'> & {
+export type TProps = TCommonButtonProps & ComponentProps<'button'> & {
     /**
      * Класс, применяемый к корневому элементу кнопки.
      */
@@ -10,14 +11,6 @@ export type TProps = (TButtonDefaultFormProps | TButtonRoundFormProps) & Compone
      * Флаг, указывающий, отключена ли кнопка.
      */
     disabled?: boolean;
-    /**
-     * Иконка справа.
-     */
-    rightIcon?: ReactNode;
-    /**
-     * Иконка слева.
-     */
-    leftIcon?: ReactNode;
     /**
      * Флаг, указывающий, что кнопка занимает все доступное пространство.
      */
@@ -35,7 +28,12 @@ export type TProps = (TButtonDefaultFormProps | TButtonRoundFormProps) & Compone
  * Компонент кнопки, который можно настраивать с различными темами и размерами.
 
  */
-export declare const Button: import('react').ForwardRefExoticComponent<(Omit<TButtonDefaultFormProps & import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
+export declare const Button: import('react').ForwardRefExoticComponent<(Omit<import('./types').TButtonDefaultFormProps & {
+    isIconButton: true;
+    iconName: TIcon;
+    leftIcon?: never;
+    rightIcon?: never;
+} & import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
     /**
      * Класс, применяемый к корневому элементу кнопки.
      */
@@ -45,13 +43,31 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<TBu
      */
     disabled?: boolean;
     /**
-     * Иконка справа.
+     * Флаг, указывающий, что кнопка занимает все доступное пространство.
+     */
+    full?: boolean;
+    /**
+     * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
+     */
+    clear?: boolean;
+    /**
+     * Идентификатор формы, к которой привязана кнопка.
      */
-    rightIcon?: ReactNode;
+    formId?: string;
+}, "ref"> | Omit<import('./types').TButtonDefaultFormProps & {
+    isIconButton?: false;
+    iconName?: never;
+    leftIcon?: import('react').ReactNode;
+    rightIcon?: import('react').ReactNode;
+} & import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
+    /**
+     * Класс, применяемый к корневому элементу кнопки.
+     */
+    className?: string;
     /**
-     * Иконка слева.
+     * Флаг, указывающий, отключена ли кнопка.
      */
-    leftIcon?: ReactNode;
+    disabled?: boolean;
     /**
      * Флаг, указывающий, что кнопка занимает все доступное пространство.
      */
@@ -64,7 +80,12 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<TBu
      * Идентификатор формы, к которой привязана кнопка.
      */
     formId?: string;
-}, "ref"> | Omit<TButtonRoundFormProps & import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
+}, "ref"> | Omit<import('./types').TButtonRoundFormProps & {
+    isIconButton: true;
+    iconName: TIcon;
+    leftIcon?: never;
+    rightIcon?: never;
+} & import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
     /**
      * Класс, применяемый к корневому элементу кнопки.
      */
@@ -74,13 +95,31 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<TBu
      */
     disabled?: boolean;
     /**
-     * Иконка справа.
+     * Флаг, указывающий, что кнопка занимает все доступное пространство.
+     */
+    full?: boolean;
+    /**
+     * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
+     */
+    clear?: boolean;
+    /**
+     * Идентификатор формы, к которой привязана кнопка.
      */
-    rightIcon?: ReactNode;
+    formId?: string;
+}, "ref"> | Omit<import('./types').TButtonRoundFormProps & {
+    isIconButton?: false;
+    iconName?: never;
+    leftIcon?: import('react').ReactNode;
+    rightIcon?: import('react').ReactNode;
+} & import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
     /**
-     * Иконка слева.
+     * Класс, применяемый к корневому элементу кнопки.
      */
-    leftIcon?: ReactNode;
+    className?: string;
+    /**
+     * Флаг, указывающий, отключена ли кнопка.
+     */
+    disabled?: boolean;
     /**
      * Флаг, указывающий, что кнопка занимает все доступное пространство.
      */

package/dist/components/Button/Button.js

@@ -1,20 +1,21 @@
-import { jsxs } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { EButtonVariantDefault, EButtonForm } from "./constants.js";
-import '../../assets/Button.css';const button = "_button_b3s57_2";
-const clear = "_clear_b3s57_41";
-const xs = "_xs_b3s57_53";
-const s = "_s_b3s57_61";
-const m = "_m_b3s57_69";
-const l = "_l_b3s57_77";
-const xl = "_xl_b3s57_85";
-const xxl = "_xxl_b3s57_94";
-const black = "_black_b3s57_165";
-const gray = "_gray_b3s57_174";
-const white = "_white_b3s57_183";
-const full = "_full_b3s57_193";
-const disabled = "_disabled_b3s57_198";
+import { Icon } from "../../icons/Icon.js";
+import '../../assets/Button.css';const button = "_button_1hqwa_2";
+const clear = "_clear_1hqwa_41";
+const xs = "_xs_1hqwa_53";
+const s = "_s_1hqwa_61";
+const m = "_m_1hqwa_69";
+const l = "_l_1hqwa_77";
+const xl = "_xl_1hqwa_85";
+const xxl = "_xxl_1hqwa_94";
+const black = "_black_1hqwa_165";
+const gray = "_gray_1hqwa_174";
+const white = "_white_1hqwa_183";
+const full = "_full_1hqwa_193";
+const disabled = "_disabled_1hqwa_198";
 const cls = {
   button,
   clear,
@@ -24,19 +25,20 @@ const cls = {
   l,
   xl,
   xxl,
-  "default-button": "_default-button_b3s57_103",
-  "primary-sapphire": "_primary-sapphire_b3s57_103",
-  "primary-citrine": "_primary-citrine_b3s57_112",
-  "secondary-asphalt": "_secondary-asphalt_b3s57_121",
-  "secondary-gray": "_secondary-gray_b3s57_130",
-  "secondary-white": "_secondary-white_b3s57_139",
-  "secondary-red": "_secondary-red_b3s57_148",
-  "round-button": "_round-button_b3s57_158",
+  "default-button": "_default-button_1hqwa_103",
+  "primary-sapphire": "_primary-sapphire_1hqwa_103",
+  "primary-citrine": "_primary-citrine_1hqwa_112",
+  "secondary-asphalt": "_secondary-asphalt_1hqwa_121",
+  "secondary-gray": "_secondary-gray_1hqwa_130",
+  "secondary-white": "_secondary-white_1hqwa_139",
+  "secondary-red": "_secondary-red_1hqwa_148",
+  "round-button": "_round-button_1hqwa_158",
   black,
   gray,
   white,
   full,
-  disabled
+  disabled,
+  "icon-button": "_icon-button_1hqwa_209"
 };
 const Button = forwardRef(
   (props, ref) => {
@@ -46,6 +48,8 @@ const Button = forwardRef(
       form = EButtonForm.DefaultButton,
       full: full2,
       clear: clear2,
+      isIconButton = false,
+      iconName,
       children,
       className,
       formId,
@@ -58,7 +62,8 @@ const Button = forwardRef(
       [cls.full]: full2 && !clear2,
       [cls.disabled]: disabled2 && !clear2,
       [cls.clear]: clear2,
-      [cls[variant ?? ""]]: !disabled2 || clear2
+      [cls[variant ?? ""]]: !disabled2 || clear2,
+      [cls["icon-button"]]: isIconButton
     };
     const buttonClassNames = classNames(
       cls.button,
@@ -76,7 +81,7 @@ const Button = forwardRef(
         className: buttonClassNames,
         children: [
           leftIcon,
-          children,
+          isIconButton ? /* @__PURE__ */ jsx(Icon, { iconName }) : children,
           rightIcon
         ]
       }

package/dist/components/Button/types.d.ts

@@ -1,4 +1,6 @@
+import { ReactNode } from 'react';
 import { EButtonSize, EButtonVariantDefault, EButtonVariantRound, EButtonForm } from './constants';
+import { TIcon } from '../../icons';
 
 type TButtonRoundFormSize = Exclude<EButtonSize, 'xxl'> & Exclude<EButtonSize, 'xl'>;
 export type TButtonDefaultFormProps = {
@@ -11,4 +13,16 @@ export type TButtonRoundFormProps = {
     variant?: EButtonVariantRound | `${EButtonVariantRound}`;
     size?: TButtonRoundFormSize | `${TButtonRoundFormSize}`;
 };
+export type TButtonIsIconProps = {
+    isIconButton: true;
+    iconName: TIcon;
+    leftIcon?: never;
+    rightIcon?: never;
+} | {
+    isIconButton?: false;
+    iconName?: never;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+};
+export type TCommonButtonProps = (TButtonDefaultFormProps | TButtonRoundFormProps) & TButtonIsIconProps;
 export {};

package/dist/components/Input/Input.js

@@ -2,30 +2,30 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { memo, forwardRef, useState, useEffect } from "react";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { EInputVariant } from "./constants.js";
-import '../../assets/Input.css';const label = "_label_isq93_5";
-const input = "_input_isq93_2";
-const s = "_s_isq93_60";
-const m = "_m_isq93_71";
-const l = "_l_isq93_5";
-const success = "_success_isq93_120";
-const alarm = "_alarm_isq93_138";
-const error = "_error_isq93_156";
-const disabled = "_disabled_isq93_174";
+import '../../assets/Input.css';const label = "_label_1wv6m_5";
+const input = "_input_1wv6m_2";
+const s = "_s_1wv6m_61";
+const m = "_m_1wv6m_73";
+const l = "_l_1wv6m_5";
+const success = "_success_1wv6m_124";
+const alarm = "_alarm_1wv6m_142";
+const error = "_error_1wv6m_160";
+const disabled = "_disabled_1wv6m_178";
 const cls = {
-  "input-wrapper": "_input-wrapper_isq93_2",
+  "input-wrapper": "_input-wrapper_1wv6m_2",
   label,
-  "active-label": "_active-label_isq93_18",
+  "active-label": "_active-label_1wv6m_18",
   input,
   s,
   m,
   l,
-  "default-gray": "_default-gray_isq93_93",
-  "default-white": "_default-white_isq93_105",
+  "default-gray": "_default-gray_1wv6m_97",
+  "default-white": "_default-white_1wv6m_109",
   success,
   alarm,
   error,
   disabled,
-  "has-label": "_has-label_isq93_192"
+  "has-label": "_has-label_1wv6m_196"
 };
 const Input = memo(
   forwardRef(

package/dist/components/OtpInput/OtpInput.d.ts

@@ -6,7 +6,7 @@ import { TInputProps } from '../Input';
  * Компонент представляет собой набор вводов, каждый из которых может содержать только цифры.
  * Пользователь может вводить цифры в каждый ввод, и при вводе каждой цифры происходит автоматическое переключение на следующий ввод.
  */
-export declare const OtpInput: import('react').ForwardRefExoticComponent<Omit<TInputProps, "label" | "onChange"> & {
+export declare const OtpInput: import('react').ForwardRefExoticComponent<Omit<TInputProps, "onChange" | "label"> & {
     value?: string;
     /**
      * Количество полей ввода.

package/dist/components/OtpInput/OtpInput.js

@@ -1,8 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef, useRef, useImperativeHandle, useMemo, Fragment } from "react";
+import { forwardRef, useImperativeHandle, Fragment } from "react";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { Input } from "../Input/Input.js";
-import { RE_DIGIT, ITEMS_PER_SEPARATOR, DEFAULT_VALUE_LENGTH } from "./constants.js";
+import { ITEMS_PER_SEPARATOR, DEFAULT_VALUE_LENGTH } from "./constants.js";
+import { useOTPInput } from "./hooks.js";
 import '../../assets/OtpInput.css';const otp = "_otp_xwv60_3";
 const input = "_input_xwv60_15";
 const separator = "_separator_xwv60_29";
@@ -21,94 +22,20 @@ const OtpInput = forwardRef(
     className,
     ...props
   }, ref) => {
-    const inputRefs = useRef([]);
+    const {
+      data: { inputRefs, valueItems },
+      handlers: { handleChange, handleFocus, handleKeyDown, handlePaste }
+    } = useOTPInput({
+      onChange,
+      value,
+      valueLength
+    });
     useImperativeHandle(ref, () => ({
       focus: () => {
         var _a;
         (_a = inputRefs.current[0]) == null ? void 0 : _a.focus();
       }
     }));
-    const valueItems = useMemo(() => {
-      const valueArray = value.split("");
-      const items = [];
-      for (let i = 0; i < valueLength; i++) {
-        const char = valueArray[i];
-        if (RE_DIGIT.test(char)) {
-          items.push(char);
-        } else {
-          items.push("");
-        }
-      }
-      return items;
-    }, [value, valueLength]);
-    const handleFocusToNextInput = (index) => {
-      var _a;
-      if (index < valueLength - 1) {
-        (_a = inputRefs.current[index + 1]) == null ? void 0 : _a.focus();
-      }
-    };
-    const handleFocusToPrevInput = (index) => {
-      var _a;
-      if (index > 0) {
-        (_a = inputRefs.current[index - 1]) == null ? void 0 : _a.focus();
-      }
-    };
-    const handleChange = (e, index) => {
-      const target = e.target;
-      let targetValue = target.value.trim();
-      const isTargetValueDigit = RE_DIGIT.test(targetValue);
-      if (!isTargetValueDigit && targetValue !== "") {
-        return;
-      }
-      const nextInputEl = inputRefs.current[index + 1];
-      if (!isTargetValueDigit && nextInputEl && nextInputEl.value !== "") {
-        return;
-      }
-      targetValue = isTargetValueDigit ? targetValue.trim() : " ";
-      const targetValueLength = targetValue.length;
-      if (targetValueLength === 1) {
-        const newValue = value.substring(0, index) + targetValue + value.substring(index + 1);
-        onChange == null ? void 0 : onChange(newValue.trim());
-        if (isTargetValueDigit) {
-          handleFocusToNextInput(index);
-        }
-      } else if (targetValueLength === valueLength) {
-        onChange == null ? void 0 : onChange(targetValue.trim());
-        target.blur();
-      }
-    };
-    const handleKeyDown = (e, index) => {
-      const { key } = e;
-      const target = e.target;
-      switch (key) {
-        case "ArrowRight":
-        case "ArrowDown": {
-          e.preventDefault();
-          return handleFocusToNextInput(index);
-        }
-        case "ArrowLeft":
-        case "ArrowUp": {
-          e.preventDefault();
-          return handleFocusToPrevInput(index);
-        }
-      }
-      const targetValue = target.value.trim();
-      target.setSelectionRange(0, targetValue.length);
-      if (e.key !== "Backspace" || targetValue !== "") {
-        return;
-      }
-      const newValue = `${value.substring(0, index - 1)} ${value.substring(index)}`;
-      onChange == null ? void 0 : onChange(newValue.trim());
-      handleFocusToPrevInput(index);
-    };
-    const handleFocus = (e, index) => {
-      const target = e.target;
-      const prevInputEl = inputRefs.current[index - 1];
-      if (prevInputEl && prevInputEl.value === "") {
-        prevInputEl.focus();
-      }
-      target.setSelectionRange(0, target.value.length);
-    };
     return /* @__PURE__ */ jsx("div", { className: classNames(cls.otp, className), children: valueItems.map((digit, idx) => {
       const nextIndex = idx + 1;
       const showSeparator = needSeparator && nextIndex % ITEMS_PER_SEPARATOR === 0 && nextIndex !== valueItems.length;
@@ -128,6 +55,7 @@ const OtpInput = forwardRef(
             onChange: (e) => handleChange(e, idx),
             onKeyDown: (e) => handleKeyDown(e, idx),
             onFocus: (e) => handleFocus(e, idx),
+            onPaste: handlePaste,
             ...props
           }
         ),

package/dist/components/OtpInput/hooks.d.ts

@@ -0,0 +1,20 @@
+import { ChangeEvent, KeyboardEvent, ClipboardEvent, FocusEvent } from 'react';
+
+type TUseOTPInput = {
+    value?: string;
+    valueLength?: number;
+    onChange?: (value: string) => void;
+};
+export declare const useOTPInput: ({ value, valueLength, onChange }: TUseOTPInput) => {
+    handlers: {
+        handleChange: (e: ChangeEvent<HTMLInputElement>, index: number) => void;
+        handleFocus: (e: FocusEvent<HTMLInputElement>, index: number) => void;
+        handleKeyDown: (e: KeyboardEvent<HTMLInputElement>, index: number) => void;
+        handlePaste: (e: ClipboardEvent<HTMLInputElement>) => void;
+    };
+    data: {
+        valueItems: string[];
+        inputRefs: import('react').MutableRefObject<(HTMLInputElement | null)[]>;
+    };
+};
+export {};

package/dist/components/OtpInput/hooks.js

@@ -0,0 +1,139 @@
+import { useRef, useMemo, useCallback } from "react";
+import { RE_DIGIT } from "./constants.js";
+const useOTPInput = ({
+  value = "",
+  valueLength = 6,
+  onChange
+}) => {
+  const inputRefs = useRef([]);
+  const valueItems = useMemo(() => {
+    const valueArray = value.split("");
+    const items = [];
+    for (let i = 0; i < valueLength; i++) {
+      const char = valueArray[i];
+      if (RE_DIGIT.test(char)) {
+        items.push(char);
+      } else {
+        items.push("");
+      }
+    }
+    return items;
+  }, [value, valueLength]);
+  const handleFocusToNextInput = useCallback(
+    (index) => {
+      var _a;
+      if (index < valueLength - 1) {
+        (_a = inputRefs.current[index + 1]) == null ? void 0 : _a.focus();
+      }
+    },
+    [valueLength]
+  );
+  const handleFocusToPrevInput = useCallback((index) => {
+    var _a;
+    if (index > 0) {
+      (_a = inputRefs.current[index - 1]) == null ? void 0 : _a.focus();
+    }
+  }, []);
+  const handleChange = useCallback(
+    (e, index) => {
+      const target = e.target;
+      let targetValue = target.value.trim();
+      const isTargetValueDigit = RE_DIGIT.test(targetValue);
+      if (!isTargetValueDigit && targetValue !== "") {
+        return;
+      }
+      const nextInputEl = inputRefs.current[index + 1];
+      if (!isTargetValueDigit && nextInputEl && nextInputEl.value !== "") {
+        return;
+      }
+      targetValue = isTargetValueDigit ? targetValue.trim() : " ";
+      const targetValueLength = targetValue.length;
+      if (targetValueLength === 1) {
+        const newValue = value.substring(0, index) + targetValue + value.substring(index + 1);
+        onChange == null ? void 0 : onChange(newValue.trim());
+        if (isTargetValueDigit) {
+          handleFocusToNextInput(index);
+        }
+      } else if (targetValueLength === valueLength) {
+        onChange == null ? void 0 : onChange(targetValue.trim());
+        target.blur();
+      }
+    },
+    [handleFocusToNextInput, onChange, value, valueLength]
+  );
+  const handleKeyDown = useCallback(
+    (e, index) => {
+      const { key } = e;
+      const target = e.target;
+      switch (key) {
+        case "ArrowRight":
+        case "ArrowDown": {
+          e.preventDefault();
+          return handleFocusToNextInput(index);
+        }
+        case "ArrowLeft":
+        case "ArrowUp": {
+          e.preventDefault();
+          return handleFocusToPrevInput(index);
+        }
+      }
+      const targetValue = target.value.trim();
+      target.setSelectionRange(0, targetValue.length);
+      if (e.key !== "Backspace" || targetValue !== "") {
+        return;
+      }
+      const newValue = `${value.substring(0, index - 1)} ${value.substring(index)}`;
+      onChange == null ? void 0 : onChange(newValue.trim());
+      handleFocusToPrevInput(index);
+    },
+    [handleFocusToNextInput, handleFocusToPrevInput, onChange, value]
+  );
+  const handleFocus = useCallback(
+    (e, index) => {
+      const target = e.target;
+      const prevInputEl = inputRefs.current[index - 1];
+      if (prevInputEl && prevInputEl.value === "") {
+        prevInputEl.focus();
+      }
+      target.setSelectionRange(0, target.value.length);
+    },
+    []
+  );
+  const handlePaste = useCallback(
+    (e) => {
+      e.preventDefault();
+      const pasteData = e.clipboardData.getData("text");
+      if (RE_DIGIT.test(pasteData)) {
+        const pastedValue = pasteData.slice(0, valueLength);
+        const newValue = pastedValue.padEnd(valueLength, " ");
+        onChange == null ? void 0 : onChange(newValue.trim());
+      }
+    },
+    [onChange, valueLength]
+  );
+  return useMemo(
+    () => ({
+      handlers: {
+        handleChange,
+        handleFocus,
+        handleKeyDown,
+        handlePaste
+      },
+      data: {
+        valueItems,
+        inputRefs
+      }
+    }),
+    [
+      handleChange,
+      handleFocus,
+      handleKeyDown,
+      handlePaste,
+      valueItems,
+      inputRefs
+    ]
+  );
+};
+export {
+  useOTPInput
+};

package/package.json

@@ -1,9 +1,26 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.1.1",
+  "version": "1.1.3",
   "type": "module",
-  "exports": "./dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "default": "./dist/components/index.js"
+    },
+    "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
+      "default": "./dist/hooks/index.js"
+    },
+    "./icons": {
+      "types": "./dist/icons/index.d.ts",
+      "default": "./dist/icons/index.js"
+    }
+  },
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [