mimir-ui-kit 1.35.1 → 1.35.2

package/dist/assets/Button.css

@@ -1 +1 @@
-._button_1kw2t_2{--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(--mimir-font-weight-text-semibold);font-size:var(--button-font-size);font-family:var(--mimir-font-inter);line-height:var(--mimir-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_1kw2t_2:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover);border-color:var(--border-color-hover)}._button_1kw2t_2:active{color:var(--button-color-active);background:var(--button-bg-color-active);border-color:var(--border-color-active)}._button_1kw2t_2:focus-visible{box-shadow:0 0 2px var(--sapphire-normal)}._button_1kw2t_2._clear_1kw2t_42:focus{box-shadow:none}._button_1kw2t_2 svg{color:currentcolor;fill:currentcolor}._button_1kw2t_2 svg path{color:currentcolor;fill:currentcolor}._default-button_1kw2t_54._primary-sapphire_1kw2t_54{--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_1kw2t_54._primary-citrine_1kw2t_63{--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_1kw2t_54._secondary-asphalt_1kw2t_72{--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_1kw2t_54._secondary-gray_1kw2t_81{--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_1kw2t_54._secondary-white_1kw2t_90{--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_1kw2t_54._secondary-red_1kw2t_99{--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_1kw2t_109{--button-border-radius-l: 24px;--button-border-radius-m: 20px;--button-border-radius-s: 16px;--button-border-radius-xs: 12px;--button-space-l: var(--mimir-space-s);--button-space-m: var(--mimir-space-xs);--button-space-s: var(--mimir-space-xs);--button-space-xs: var(--mimir-space-2xs);border-radius:var(--button-border-radius)}._round-button_1kw2t_109._black_1kw2t_120{--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_1kw2t_109._gray_1kw2t_129{--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_1kw2t_109._white_1kw2t_138{--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_1kw2t_148{--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)}._outline-button_1kw2t_148._outline-asphalt_1kw2t_155{--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_1kw2t_148._outline-gray_1kw2t_163{--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_1kw2t_148._outline-white_1kw2t_172{--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_1kw2t_148._outline-red_1kw2t_181{--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)}._borderless-button_1kw2t_191{--button-bg-color: transparent;--button-bg-color-hover: transparent;--button-bg-color-active: transparent;--button-bg-color-focus: transparent}._borderless-button_1kw2t_191._borderless-asphalt_1kw2t_197{--button-color: var(--black-80);--button-color-hover: var(--counter-text);--button-color-active: var(--black-100)}._borderless-button_1kw2t_191._borderless-gray_1kw2t_202{--button-color: var(--black-5);--button-color-hover: var(--counter-text);--button-color-active: var(--black-80)}._borderless-button_1kw2t_191._borderless-white_1kw2t_207{--button-color: var(--white);--button-color-hover: var(--counter-text);--button-color-active: var(--black-80)}._borderless-button_1kw2t_191._borderless-red_1kw2t_212{--button-color: var(--error-normal);--button-color-hover: var(--red-hover);--button-color-active: var(--red-active)}._default-button_1kw2t_54,._outline-button_1kw2t_148,._borderless-button_1kw2t_191{--button-space-xxl: var(--mimir-control-space-xxl);--button-space-xl: var(--mimir-control-space-l);--button-space-l: var(--mimir-space-m);--button-space-m: var(--mimir-space-m);--button-space-s: var(--mimir-space-xs);--button-space-xs: var(--mimir-space-2xs);--button-border-radius-xxl: var(--mimir-control-radius-s);--button-border-radius-xl: var(--mimir-control-radius-s);--button-border-radius-l: var(--mimir-control-radius);--button-border-radius-m: var(--mimir-control-radius);--button-border-radius-s: var(--mimir-control-radius-xs);--button-border-radius-xs: var(--mimir-control-radius-xs);border-radius:var(--button-border-radius)}._xs_1kw2t_236{--button-height: var(--button-height-xs);--button-font-size: var(--mimir-control-text-size-xs);--button-space: var(--button-space-xs);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s)}._m-s_1kw2t_244{--button-height: var(--button-height-ms);--button-border-radius: var(--button-border-radius-s);font-weight:var(--mimir-font-weight-text-regular);--button-gap: var(--mimir-space-2xs);--button-font-size: var(--mimir-size-text-s)}._s_1kw2t_72{--button-height: var(--button-height-s);--button-font-size: var(--mimir-control-text-size-s);--button-space: var(--button-space-s);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s)}._m_1kw2t_244{--button-height: var(--button-height-m);--button-font-size: var(--mimir-size-text-m);--button-space: var(--button-space-m);--button-gap: 8px;--button-border-radius: var(--button-border-radius-m)}._l_1kw2t_268{--button-height: var(--button-height-l);--button-font-size: var(--mimir-size-text-m);--button-space: var(--button-space-l);--button-gap: 8px;--button-border-radius: var(--button-border-radius-l)}._xl_1kw2t_276{--button-height: var(--button-height-xl);--button-space: var(--button-space-xl);--button-gap: 8px;--button-border-radius: var(--button-border-radius-xl);--button-font-size: var(--mimir-size-text-m);font-weight:var(--mimir-font-weight-text-medium)}._xxl_1kw2t_285{--button-height: var(--button-height-xxl);--button-space: var(--button-space-xxl);--button-border-radius: var(--button-border-radius-xxl);--button-gap: 8px;font-weight:var(--mimir-font-weight-text-medium);--button-font-size: var(--mimir-size-text-m)}._full_1kw2t_294{display:flex;justify-content:center;width:100%}._disabled_1kw2t_300{--button-cursor: not-allowed;color:var(--light-text);background-color:var(--disabled)}._disabled_1kw2t_300:hover,._disabled_1kw2t_300:active,._disabled_1kw2t_300:focus{color:var(--light-text);background-color:var(--disabled);box-shadow:none}._disabled_1kw2t_300._outline-button_1kw2t_148{color:var(--disabled);background-color:transparent;border:1px solid var(--disabled)}._disabled_1kw2t_300._borderless-button_1kw2t_191{color:var(--disabled-color);background-color:transparent}._icon-button_1kw2t_320{justify-content:center;min-width:var(--button-height);padding:0}
+._button_1qnsv_2{--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(--mimir-font-weight-text-semibold);font-size:var(--button-font-size);font-family:var(--mimir-font-inter);line-height:var(--mimir-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_1qnsv_2:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover);border-color:var(--border-color-hover)}._button_1qnsv_2:active{color:var(--button-color-active);background:var(--button-bg-color-active);border-color:var(--border-color-active)}._button_1qnsv_2:focus-visible{box-shadow:0 0 2px var(--sapphire-normal)}._button_1qnsv_2._clear_1qnsv_42:focus{box-shadow:none}._button_1qnsv_2 svg{color:currentcolor;fill:currentcolor}._button_1qnsv_2 svg path{color:currentcolor;fill:currentcolor}._button_1qnsv_2 ._count_1qnsv_53{color:var(--button-count-color);font-weight:var(--mimir-font-weight-text-bold);font-size:var(--button-count-font-size);border:none;outline:none}._default-button_1qnsv_61{--button-count-color: var(--counter-text)}._default-button_1qnsv_61._primary-sapphire_1qnsv_64{--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_1qnsv_61._primary-citrine_1qnsv_73{--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;--button-count-color: var(--dark-text)}._default-button_1qnsv_61._secondary-asphalt_1qnsv_83{--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_1qnsv_61._secondary-gray_1qnsv_92{--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_1qnsv_61._secondary-white_1qnsv_101{--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_1qnsv_61._secondary-red_1qnsv_110{--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_1qnsv_120{--button-border-radius-l: 24px;--button-border-radius-m: 20px;--button-border-radius-s: 16px;--button-border-radius-xs: 12px;--button-space-l: var(--mimir-space-s);--button-space-m: var(--mimir-space-xs);--button-space-s: var(--mimir-space-xs);--button-space-xs: var(--mimir-space-2xs);--button-count-color: var(--counter-text);border-radius:var(--button-border-radius)}._round-button_1qnsv_120._black_1qnsv_132{--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_1qnsv_120._gray_1qnsv_141{--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_1qnsv_120._white_1qnsv_150{--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_1qnsv_160{--button-bg-color: transparent;--button-bg-color-hover: transparent;--button-bg-color-active: transparent;--button-bg-color-focus: transparent;--button-count-color: var(--counter-text);border:1px solid var(--border-color)}._outline-button_1qnsv_160._outline-asphalt_1qnsv_168{--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_1qnsv_160._outline-gray_1qnsv_176{--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_1qnsv_160._outline-white_1qnsv_185{--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_1qnsv_160._outline-red_1qnsv_194{--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)}._borderless-button_1qnsv_204{--button-bg-color: transparent;--button-bg-color-hover: transparent;--button-bg-color-active: transparent;--button-bg-color-focus: transparent;--button-count-color: var(--counter-text)}._borderless-button_1qnsv_204._borderless-asphalt_1qnsv_211{--button-color: var(--black-80);--button-color-hover: var(--counter-text);--button-color-active: var(--black-100)}._borderless-button_1qnsv_204._borderless-gray_1qnsv_216{--button-color: var(--black-5);--button-color-hover: var(--counter-text);--button-color-active: var(--black-80)}._borderless-button_1qnsv_204._borderless-white_1qnsv_221{--button-color: var(--white);--button-color-hover: var(--counter-text);--button-color-active: var(--black-80)}._borderless-button_1qnsv_204._borderless-red_1qnsv_226{--button-color: var(--error-normal);--button-color-hover: var(--red-hover);--button-color-active: var(--red-active)}._default-button_1qnsv_61,._outline-button_1qnsv_160,._borderless-button_1qnsv_204{--button-space-xxl: var(--mimir-control-space-xxl);--button-space-xl: var(--mimir-control-space-l);--button-space-l: var(--mimir-space-m);--button-space-m: var(--mimir-space-m);--button-space-s: var(--mimir-space-xs);--button-space-xs: var(--mimir-space-2xs);--button-border-radius-xxl: var(--mimir-control-radius-s);--button-border-radius-xl: var(--mimir-control-radius-s);--button-border-radius-l: var(--mimir-control-radius);--button-border-radius-m: var(--mimir-control-radius);--button-border-radius-s: var(--mimir-control-radius-xs);--button-border-radius-xs: var(--mimir-control-radius-xs);border-radius:var(--button-border-radius)}._xs_1qnsv_250{--button-height: var(--button-height-xs);--button-font-size: var(--mimir-control-text-size-xs);--button-space: var(--button-space-xs);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s);--button-count-font-size: var(--mimir-size-text-xs)}._m-s_1qnsv_259{--button-height: var(--button-height-ms);--button-border-radius: var(--button-border-radius-s);--button-gap: var(--mimir-space-2xs);--button-font-size: var(--mimir-size-text-s)}._s_1qnsv_83{--button-height: var(--button-height-s);--button-font-size: var(--mimir-control-text-size-s);--button-space: var(--button-space-s);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s);--button-count-font-size: var(--mimir-size-text-s)}._m_1qnsv_259{--button-height: var(--button-height-m);--button-font-size: var(--mimir-size-text-m);--button-space: var(--button-space-m);--button-gap: 8px;--button-border-radius: var(--button-border-radius-m)}._l_1qnsv_283{--button-height: var(--button-height-l);--button-font-size: var(--mimir-size-text-m);--button-space: var(--button-space-l);--button-gap: 8px;--button-border-radius: var(--button-border-radius-l)}._xl_1qnsv_291{--button-height: var(--button-height-xl);--button-space: var(--button-space-xl);--button-gap: 8px;--button-border-radius: var(--button-border-radius-xl);--button-font-size: var(--mimir-size-text-m)}._xxl_1qnsv_299{--button-height: var(--button-height-xxl);--button-space: var(--button-space-xxl);--button-border-radius: var(--button-border-radius-xxl);--button-gap: 8px;--button-font-size: var(--mimir-size-text-m)}._xxl_1qnsv_299,._xl_1qnsv_291,._l_1qnsv_283,._m_1qnsv_259{--button-count-font-size: var(--mimir-size-text-m)}._full_1qnsv_314{display:flex;justify-content:center;width:100%}._disabled_1qnsv_320{--button-cursor: not-allowed;--button-count-color: var(--light-text);color:var(--light-text);background-color:var(--disabled)}._disabled_1qnsv_320:hover,._disabled_1qnsv_320:active,._disabled_1qnsv_320:focus{color:var(--light-text);background-color:var(--disabled);box-shadow:none}._disabled_1qnsv_320._outline-button_1qnsv_160{color:var(--disabled);background-color:transparent;border:1px solid var(--disabled)}._disabled_1qnsv_320._borderless-button_1qnsv_204{color:var(--disabled-color);background-color:transparent}._icon-button_1qnsv_341{justify-content:center;min-width:var(--button-height);padding:0}

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

@@ -19,6 +19,10 @@ export type TProps = TCommonButtonProps & ComponentProps<'button'> & {
      * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
      */
     clear?: boolean;
+    /**
+     * Информация о кол-ве тех или иных элементов списка или текста, к которым привязана кнопка.
+     */
+    count?: string | number;
     /**
      * Идентификатор формы, к которой привязана кнопка.
      */
@@ -49,6 +53,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
      */
     clear?: boolean;
+    /**
+     * Информация о кол-ве тех или иных элементов списка или текста, к которым привязана кнопка.
+     */
+    count?: string | number;
     /**
      * Идентификатор формы, к которой привязана кнопка.
      */
@@ -75,6 +83,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
      */
     clear?: boolean;
+    /**
+     * Информация о кол-ве тех или иных элементов списка или текста, к которым привязана кнопка.
+     */
+    count?: string | number;
     /**
      * Идентификатор формы, к которой привязана кнопка.
      */
@@ -101,6 +113,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
      */
     clear?: boolean;
+    /**
+     * Информация о кол-ве тех или иных элементов списка или текста, к которым привязана кнопка.
+     */
+    count?: string | number;
     /**
      * Идентификатор формы, к которой привязана кнопка.
      */
@@ -127,6 +143,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
      */
     clear?: boolean;
+    /**
+     * Информация о кол-ве тех или иных элементов списка или текста, к которым привязана кнопка.
+     */
+    count?: string | number;
     /**
      * Идентификатор формы, к которой привязана кнопка.
      */
@@ -153,6 +173,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
      */
     clear?: boolean;
+    /**
+     * Информация о кол-ве тех или иных элементов списка или текста, к которым привязана кнопка.
+     */
+    count?: string | number;
     /**
      * Идентификатор формы, к которой привязана кнопка.
      */
@@ -179,6 +203,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
      */
     clear?: boolean;
+    /**
+     * Информация о кол-ве тех или иных элементов списка или текста, к которым привязана кнопка.
+     */
+    count?: string | number;
     /**
      * Идентификатор формы, к которой привязана кнопка.
      */
@@ -205,6 +233,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
      */
     clear?: boolean;
+    /**
+     * Информация о кол-ве тех или иных элементов списка или текста, к которым привязана кнопка.
+     */
+    count?: string | number;
     /**
      * Идентификатор формы, к которой привязана кнопка.
      */
@@ -231,6 +263,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
      */
     clear?: boolean;
+    /**
+     * Информация о кол-ве тех или иных элементов списка или текста, к которым привязана кнопка.
+     */
+    count?: string | number;
     /**
      * Идентификатор формы, к которой привязана кнопка.
      */

package/dist/components/Button/Button.js

@@ -1,91 +1,99 @@
-import { jsxs as f, jsx as x } from "react/jsx-runtime";
-import { c as g } from "../../index-DIxK0V-G.js";
+import { jsxs as N, jsx as l } from "react/jsx-runtime";
+import { c } from "../../index-DIxK0V-G.js";
 import { forwardRef as B } from "react";
-import { EButtonVariantDefault as N, EButtonForm as I } from "./constants.js";
+import { EButtonVariantDefault as I, EButtonForm as k } from "./constants.js";
 import { Icon as j } from "../../icons/Icon.js";
-import '../../assets/Button.css';const D = "_button_1kw2t_2", E = "_clear_1kw2t_42", P = "_black_1kw2t_120", v = "_gray_1kw2t_129", z = "_white_1kw2t_138", C = "_xs_1kw2t_236", F = "_s_1kw2t_72", R = "_m_1kw2t_244", S = "_l_1kw2t_268", V = "_xl_1kw2t_276", q = "_xxl_1kw2t_285", A = "_full_1kw2t_294", G = "_disabled_1kw2t_300", t = {
-  button: D,
-  clear: E,
-  "default-button": "_default-button_1kw2t_54",
-  "primary-sapphire": "_primary-sapphire_1kw2t_54",
-  "primary-citrine": "_primary-citrine_1kw2t_63",
-  "secondary-asphalt": "_secondary-asphalt_1kw2t_72",
-  "secondary-gray": "_secondary-gray_1kw2t_81",
-  "secondary-white": "_secondary-white_1kw2t_90",
-  "secondary-red": "_secondary-red_1kw2t_99",
-  "round-button": "_round-button_1kw2t_109",
+import '../../assets/Button.css';const C = "_button_1qnsv_2", D = "_clear_1qnsv_42", E = "_count_1qnsv_53", P = "_black_1qnsv_132", z = "_gray_1qnsv_141", F = "_white_1qnsv_150", R = "_xs_1qnsv_250", S = "_s_1qnsv_83", V = "_m_1qnsv_259", A = "_l_1qnsv_283", G = "_xl_1qnsv_291", H = "_xxl_1qnsv_299", J = "_full_1qnsv_314", K = "_disabled_1qnsv_320", s = {
+  button: C,
+  clear: D,
+  count: E,
+  "default-button": "_default-button_1qnsv_61",
+  "primary-sapphire": "_primary-sapphire_1qnsv_64",
+  "primary-citrine": "_primary-citrine_1qnsv_73",
+  "secondary-asphalt": "_secondary-asphalt_1qnsv_83",
+  "secondary-gray": "_secondary-gray_1qnsv_92",
+  "secondary-white": "_secondary-white_1qnsv_101",
+  "secondary-red": "_secondary-red_1qnsv_110",
+  "round-button": "_round-button_1qnsv_120",
   black: P,
-  gray: v,
-  white: z,
-  "outline-button": "_outline-button_1kw2t_148",
-  "outline-asphalt": "_outline-asphalt_1kw2t_155",
-  "outline-gray": "_outline-gray_1kw2t_163",
-  "outline-white": "_outline-white_1kw2t_172",
-  "outline-red": "_outline-red_1kw2t_181",
-  "borderless-button": "_borderless-button_1kw2t_191",
-  "borderless-asphalt": "_borderless-asphalt_1kw2t_197",
-  "borderless-gray": "_borderless-gray_1kw2t_202",
-  "borderless-white": "_borderless-white_1kw2t_207",
-  "borderless-red": "_borderless-red_1kw2t_212",
-  xs: C,
-  "m-s": "_m-s_1kw2t_244",
-  s: F,
-  m: R,
-  l: S,
-  xl: V,
-  xxl: q,
-  full: A,
-  disabled: G,
-  "icon-button": "_icon-button_1kw2t_320"
-}, H = B(
-  (e, s) => {
+  gray: z,
+  white: F,
+  "outline-button": "_outline-button_1qnsv_160",
+  "outline-asphalt": "_outline-asphalt_1qnsv_168",
+  "outline-gray": "_outline-gray_1qnsv_176",
+  "outline-white": "_outline-white_1qnsv_185",
+  "outline-red": "_outline-red_1qnsv_194",
+  "borderless-button": "_borderless-button_1qnsv_204",
+  "borderless-asphalt": "_borderless-asphalt_1qnsv_211",
+  "borderless-gray": "_borderless-gray_1qnsv_216",
+  "borderless-white": "_borderless-white_1qnsv_221",
+  "borderless-red": "_borderless-red_1qnsv_226",
+  xs: R,
+  "m-s": "_m-s_1qnsv_259",
+  s: S,
+  m: V,
+  l: A,
+  xl: G,
+  xxl: H,
+  full: J,
+  disabled: K,
+  "icon-button": "_icon-button_1qnsv_341"
+}, L = B(
+  (i, u) => {
     const {
-      size: n = "m",
-      variant: a = N.PrimarySapphire,
-      form: l = I.DefaultButton,
-      full: i,
-      clear: o,
+      size: o = "m",
+      variant: d = I.PrimarySapphire,
+      form: _ = k.DefaultButton,
+      full: b,
+      clear: n,
       isIconButton: r = !1,
-      iconName: c,
-      children: u,
-      className: d,
-      formId: w,
-      type: b = "button",
-      rightIcon: k,
-      leftIcon: m,
-      disabled: _,
-      ...p
-    } = e, y = {
-      [t.full]: i && !o,
-      [t.disabled]: _ && !o,
-      [t.clear]: o,
-      [t[a ?? ""]]: !_ || o,
-      [t["icon-button"]]: r
-    }, h = g(
-      d,
-      t.button,
-      y,
-      o ? [] : [t[l ?? ""], t[n]]
+      iconName: v,
+      children: m,
+      className: q,
+      formId: p,
+      type: y = "button",
+      rightIcon: h,
+      count: e,
+      leftIcon: f,
+      disabled: t,
+      ...x
+    } = i, a = {
+      [s.full]: b && !n,
+      [s.disabled]: t && !n,
+      [s.clear]: n,
+      [s[d ?? ""]]: !t || n,
+      [s["icon-button"]]: r
+    }, g = c(
+      q,
+      s.button,
+      a,
+      n ? [] : [s[_ ?? ""], s[o]]
+    ), w = c(
+      s.count,
+      a,
+      s[o],
+      s[_ ?? ""]
     );
-    return /* @__PURE__ */ f(
+    return /* @__PURE__ */ N(
       "button",
       {
-        type: b,
-        form: w,
-        ...p,
-        disabled: _,
-        ref: s,
-        className: h,
+        type: y,
+        form: p,
+        ...x,
+        disabled: t,
+        ref: u,
+        className: g,
         children: [
-          m,
-          r ? /* @__PURE__ */ x(j, { iconName: c }) : u,
-          k
+          f,
+          r ? /* @__PURE__ */ l(j, { iconName: v }) : m,
+          h,
+          !!e && /* @__PURE__ */ l("span", { className: w, children: e })
         ]
       }
     );
   }
 );
-H.displayName = "Button";
+L.displayName = "Button";
 export {
-  H as Button
+  L as Button
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.35.1",
+  "version": "1.35.2",
   "type": "module",
   "exports": {
     ".": {