mimir-ui-kit 1.35.1 → 1.35.3

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/assets/styles.css

@@ -1 +1 @@
-._input_1uohj_2{padding-right:var(--mimir-space-3xl)}._input-wrapper_1uohj_6{flex:1}._date-wrapper_1uohj_10{position:relative;width:100%}._date-wrapper_1uohj_10 ._inputBorderControl_1uohj_14{border:transparent}._date-wrapper_1uohj_10:hover ._input-wrapper_1uohj_6{background-color:var(--input-bg-color-hover)}._date-wrapper_1uohj_10:before{position:absolute;top:0;right:45px;bottom:0;left:0;z-index:3;cursor:pointer;content:""}._date-wrapper_1uohj_10._editable_1uohj_27:before{display:none}._date-wrapper_1uohj_10 svg{cursor:pointer}[data-disabled=true] ._date-wrapper_1uohj_10:before{cursor:auto}[data-disabled=true] ._date-wrapper_1uohj_10 ._input-wrapper_1uohj_6{background:var(--black-20)}[data-disabled=true] ._date-wrapper_1uohj_10 ._input-wrapper_1uohj_6 label,[data-disabled=true] ._date-wrapper_1uohj_10 ._input-wrapper_1uohj_6 input{color:var(--white)}[data-disabled=true] ._button-wrapper_1uohj_44 svg{color:var(--white);cursor:default;fill:var(--white)}._wrapper_1uohj_50{position:relative;display:flex;align-items:center;border-radius:var(--mimir-control-radius-s)}._wrapper_1uohj_50._active_1uohj_56{border-bottom:1px solid var(--citrine-100)}._button-wrapper_1uohj_44{position:absolute;top:0;right:0;z-index:2;display:flex;justify-content:center;width:44px;height:100%;max-height:var(--button-height-xxl)}._button_1uohj_44{align-self:center;background-color:transparent;border-radius:var(--mimir-control-radius-s)}._field-overlow_1uohj_78{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3}._calendar-block_1uohj_84{position:absolute;z-index:var(--mimir-zindex-dropdown);display:flex;flex-direction:column;width:368px;max-height:none;padding:16px;font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-l);font-family:var(--mimir-font-inter);font-style:normal;line-height:var(--mimir-line-height-text-2xs);text-align:center;text-overflow:ellipsis;background:var(--white);border-radius:var(--mimir-control-radius-s);box-shadow:0 0 #16172705,0 2px 4px #16172705,0 6px 6px #16172705,0 15px 9px #16172703;opacity:0;transition:height .5s ease-in;font-feature-settings:"zero";font-variant-numeric:slashed-zero}._calendar-block_1uohj_84 ._h_1uohj_107{display:flex;width:100%;color:var(--black-100)}._calendar-block_1uohj_84 ._b_1uohj_44{display:grid;grid-template-columns:repeat(7,1fr)}._calendar-block_1uohj_84 ._d_1uohj_10{display:flex;flex:1;gap:4px;align-items:center;justify-content:center;color:var(--black-100);cursor:pointer}._calendar-block_1uohj_84 ._m_1uohj_128,._calendar-block_1uohj_84 ._a_1uohj_56,._calendar-block_1uohj_84 ._prev_1uohj_130{width:auto;height:48px;overflow:hidden}._calendar-block_1uohj_84 ._m_1uohj_128{display:flex;align-items:center;justify-content:center;color:var(--disabled)}._calendar-block_1uohj_84 ._m_1uohj_128 b{font-weight:var(--mimir-font-weight-text-regular)}._calendar-block_1uohj_84 ._orange_1uohj_146{color:var(--citrine-100)}._calendar-block_1uohj_84 ._a_1uohj_56{color:var(--black-100);border-radius:var(--mimir-control-radius-s)}._calendar-block_1uohj_84 ._a_1uohj_56 b{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:var(--mimir-font-weight-text-regular);cursor:pointer}._calendar-block_1uohj_84 ._a_1uohj_56 b:hover{background:var(--black-10)}._calendar-block_1uohj_84 ._a_1uohj_56 b:active{color:var(--white);background:var(--sapphire-100)}._calendar-block_1uohj_84 ._current_1uohj_171{background:var(--sapphire-10);border-radius:var(--mimir-control-radius-s)}._calendar-block_1uohj_84 ._monthGrid_1uohj_176{display:grid;grid-template-columns:repeat(3,1fr)}
+._input_yyf2c_2{padding-right:var(--mimir-space-3xl)}._input-wrapper_yyf2c_6{flex:1}._date-wrapper_yyf2c_10{position:relative;width:100%}._date-wrapper_yyf2c_10 ._inputBorderControl_yyf2c_14{border:transparent}._date-wrapper_yyf2c_10:hover ._input-wrapper_yyf2c_6{background-color:var(--input-bg-color-hover)}._date-wrapper_yyf2c_10:before{position:absolute;top:0;right:45px;bottom:0;left:0;z-index:3;cursor:pointer;content:""}._date-wrapper_yyf2c_10._editable_yyf2c_27:before{display:none}._date-wrapper_yyf2c_10 svg{cursor:pointer}[data-disabled=true] ._date-wrapper_yyf2c_10:before{cursor:auto}[data-disabled=true] ._date-wrapper_yyf2c_10 ._input-wrapper_yyf2c_6{background:var(--black-20)}[data-disabled=true] ._date-wrapper_yyf2c_10 ._input-wrapper_yyf2c_6 label,[data-disabled=true] ._date-wrapper_yyf2c_10 ._input-wrapper_yyf2c_6 input{color:var(--white)}[data-disabled=true] ._button-wrapper_yyf2c_44 svg{color:var(--white);cursor:default;fill:var(--white)}._wrapper_yyf2c_50{position:relative;display:flex;align-items:center;border-radius:var(--mimir-control-radius-s)}._wrapper_yyf2c_50._active_yyf2c_56{border-bottom:1px solid var(--citrine-100)}._button-wrapper_yyf2c_44{position:absolute;top:0;right:0;z-index:2;display:flex;justify-content:center;width:44px;height:100%;max-height:var(--button-height-xxl)}._button_yyf2c_44{align-self:center;background-color:transparent;border-radius:var(--mimir-control-radius-s)}._calendar-block_yyf2c_78{position:absolute;z-index:var(--mimir-zindex-dropdown);display:flex;flex-direction:column;width:368px;max-height:none;padding:var(--mimir-space-m);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-l);font-family:var(--mimir-font-inter);line-height:var(--mimir-line-height-text-2xs);text-align:center;text-overflow:ellipsis;background:var(--white);border-radius:var(--mimir-control-radius-s);box-shadow:0 0 #16172705,0 2px 4px #16172705,0 6px 6px #16172705,0 15px 9px #16172703;opacity:0;transition:height .5s ease-in;font-feature-settings:"zero";font-variant-numeric:slashed-zero}._calendar-block_yyf2c_78 ._h_yyf2c_100{display:flex;width:100%;color:var(--black-100)}._calendar-block_yyf2c_78 ._b_yyf2c_44{display:grid;grid-template-columns:repeat(7,1fr)}._calendar-block_yyf2c_78 ._d_yyf2c_10{display:flex;flex:1;gap:var(--mimir-space-2xs);align-items:center;justify-content:center;color:var(--black-100);font-size:var(--mimir-size-text-l);cursor:pointer}._calendar-block_yyf2c_78 ._m_yyf2c_122,._calendar-block_yyf2c_78 ._a_yyf2c_56,._calendar-block_yyf2c_78 ._prev_yyf2c_124{width:auto;height:48px;overflow:hidden}._calendar-block_yyf2c_78 ._m_yyf2c_122{display:flex;align-items:center;justify-content:center;color:var(--disabled);font-size:var(--mimir-size-text-l)}._calendar-block_yyf2c_78 ._orange_yyf2c_138{color:var(--citrine-100)}._calendar-block_yyf2c_78 ._a_yyf2c_56{color:var(--black-100);font-size:var(--mimir-size-text-l);border-radius:var(--mimir-control-radius-s)}._calendar-block_yyf2c_78 ._a_yyf2c_56:hover{background:var(--black-10)}._calendar-block_yyf2c_78 ._a_yyf2c_56:active{color:var(--white);background:var(--sapphire-100)}._calendar-block_yyf2c_78 ._current_yyf2c_155{background:var(--sapphire-10);border-radius:var(--mimir-control-radius-s)}._calendar-block_yyf2c_78 ._monthGrid_yyf2c_160{display:grid;grid-template-columns:repeat(3,1fr)}

package/dist/components/Accordion/Accordion.d.ts

@@ -4,8 +4,6 @@ import { EAccordionButtonStyle, EAccordionButtonType, EAccordionIconType, EAccor
 export type TProps = {
     /** Заголовок аккордеона */
     title: string;
-    /** Содержимое аккордеона */
-    children: ReactNode;
     /** Размер аккордеона */
     size?: EAccordionSize | `${EAccordionSize}`;
     /** Преобразование заголовка в верхний регистр */
@@ -30,5 +28,9 @@ export type TProps = {
     onlyOpenSubtitleNode?: ReactNode;
     /** Дополнительный класс для контейнера subtitle */
     classNameSubtitleContainer?: string;
+    /** Флаг, указывающий, отключен ли аккордеон. */
+    disabled?: boolean;
 };
-export declare const Accordion: import('react').ForwardRefExoticComponent<TProps & import('react').RefAttributes<HTMLElement>>;
+export declare const Accordion: import('react').ForwardRefExoticComponent<TProps & {
+    children?: ReactNode | undefined;
+} & import('react').RefAttributes<HTMLElement>>;

package/dist/components/Accordion/Accordion.js

@@ -1,24 +1,24 @@
-import { jsxs as R, Fragment as X, jsx as P } from "react/jsx-runtime";
-import { c as E } from "../../index-DIxK0V-G.js";
-import h, { createContext as F, useRef as B, Fragment as U, useReducer as ue, useMemo as x, useId as oe, useEffect as re, useContext as H, forwardRef as de, useState as pe } from "react";
+import { jsxs as A, Fragment as X, jsx as h } from "react/jsx-runtime";
+import { c as D } from "../../index-DIxK0V-G.js";
+import k, { createContext as F, useRef as O, Fragment as oe, useReducer as ue, useMemo as M, useId as re, useEffect as le, useContext as H, forwardRef as de, useState as pe } from "react";
 import { AccordionItem as fe } from "./AccordionItem/AccordionItem.js";
-import { EAccordionButtonType as C, EAccordionSize as A, EAccordionButtonStyle as me, EAccordionIconType as J, EAccordionLinkIconSize as Y, EAccordionButtonIconSize as Z } from "./constants.js";
+import { EAccordionButtonType as T, EAccordionSize as B, EAccordionLinkIconSize as J, EAccordionButtonStyle as me, EAccordionIconType as Y, EAccordionButtonIconSize as Z } from "./constants.js";
 import { useMediaQuery as _e } from "../../hooks/useMediaQuery/useMediaQuery.js";
 import { EMediaQuery as Ie } from "../../hooks/useMediaQuery/constants.js";
-import { Icon as Se } from "../../icons/Icon.js";
-import { Link as Pe } from "../AnchorLink/Link.js";
-import { M as ee, W as q, y as K, T as ke, o as O, a as V, H as W, I as le, $ as ve, b as he, D as ne, u as ye, c as g } from "../../keyboard-B0lm_zyn.js";
-import { w as Ee } from "../../use-active-press-86hajhdd.js";
-import { T as be } from "../../use-resolve-button-type-BAxjHhds.js";
-import { c as De, i as M, u as $e, V as ge, A as Te, s as we } from "../../open-closed-Cy6VDfYc.js";
+import { Icon as Pe } from "../../icons/Icon.js";
+import { Link as Se } from "../AnchorLink/Link.js";
+import { M as ee, W as K, y as q, T as ke, o as x, a as V, H as W, I as se, $ as ve, b as ye, D as ne, u as Ee, c as w } from "../../keyboard-B0lm_zyn.js";
+import { w as he } from "../../use-active-press-86hajhdd.js";
+import { T as De } from "../../use-resolve-button-type-BAxjHhds.js";
+import { c as $e, i as L, u as be, V as ge, A as Te, s as we } from "../../open-closed-Cy6VDfYc.js";
 import { r as Ne } from "../../bugs-diTMAGNw.js";
 import '../../assets/Accordion.css';let Re = F(() => {
 });
 function Ce({ value: e, children: n }) {
-  return h.createElement(Re.Provider, { value: e }, n);
+  return k.createElement(Re.Provider, { value: e }, n);
 }
 var te;
-let Ae = (te = h.startTransition) != null ? te : function(e) {
+let Ae = (te = k.startTransition) != null ? te : function(e) {
   e();
 };
 var Be = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Be || {}), Oe = ((e) => (e[e.ToggleDisclosure = 0] = "ToggleDisclosure", e[e.CloseDisclosure = 1] = "CloseDisclosure", e[e.SetButtonId = 2] = "SetButtonId", e[e.SetPanelId = 3] = "SetPanelId", e[e.LinkPanel = 4] = "LinkPanel", e[e.UnlinkPanel = 5] = "UnlinkPanel", e))(Oe || {});
@@ -35,18 +35,18 @@ j.displayName = "DisclosureContext";
 function Q(e) {
   let n = H(j);
   if (n === null) {
-    let c = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(c, Q), c;
+    let s = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(s, Q), s;
   }
   return n;
 }
 let z = F(null);
 z.displayName = "DisclosureAPIContext";
-function se(e) {
+function ae(e) {
   let n = H(z);
   if (n === null) {
-    let c = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(c, se), c;
+    let s = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(s, ae), s;
   }
   return n;
 }
@@ -55,71 +55,71 @@ G.displayName = "DisclosurePanelContext";
 function Me() {
   return H(G);
 }
-function Fe(e, n) {
+function Le(e, n) {
   return V(n.type, xe, e, n);
 }
-let Le = U;
+let Fe = oe;
 function Ue(e, n) {
-  let { defaultOpen: c = !1, ...o } = e, l = B(null), p = K(n, ke((a) => {
-    l.current = a;
-  }, e.as === void 0 || e.as === U)), d = B(null), t = B(null), r = ue(Fe, { disclosureState: c ? 0 : 1, linkedPanel: !1, buttonRef: t, panelRef: d, buttonId: null, panelId: null }), [{ disclosureState: m, buttonId: s }, _] = r, i = O((a) => {
+  let { defaultOpen: s = !1, ...p } = e, o = O(null), f = q(n, ke((r) => {
+    o.current = r;
+  }, e.as === void 0 || e.as === oe)), u = O(null), t = O(null), l = ue(Le, { disclosureState: s ? 0 : 1, linkedPanel: !1, buttonRef: t, panelRef: u, buttonId: null, panelId: null }), [{ disclosureState: m, buttonId: a }, _] = l, c = x((r) => {
     _({ type: 1 });
-    let v = ye(l);
-    if (!v || !s) return;
-    let S = a ? a instanceof HTMLElement ? a : a.current instanceof HTMLElement ? a.current : v.getElementById(s) : v.getElementById(s);
-    S == null || S.focus();
-  }), y = x(() => ({ close: i }), [i]), k = x(() => ({ open: m === 0, close: i }), [m, i]), I = { ref: p };
-  return h.createElement(j.Provider, { value: r }, h.createElement(z.Provider, { value: y }, h.createElement(Ce, { value: i }, h.createElement(De, { value: V(m, { 0: M.Open, 1: M.Closed }) }, W({ ourProps: I, theirProps: o, slot: k, defaultTag: Le, name: "Disclosure" })))));
+    let S = Ee(o);
+    if (!S || !a) return;
+    let y = r ? r instanceof HTMLElement ? r : r.current instanceof HTMLElement ? r.current : S.getElementById(a) : S.getElementById(a);
+    y == null || y.focus();
+  }), I = M(() => ({ close: c }), [c]), P = M(() => ({ open: m === 0, close: c }), [m, c]), v = { ref: f };
+  return k.createElement(j.Provider, { value: l }, k.createElement(z.Provider, { value: I }, k.createElement(Ce, { value: c }, k.createElement($e, { value: V(m, { 0: L.Open, 1: L.Closed }) }, W({ ourProps: v, theirProps: p, slot: P, defaultTag: Fe, name: "Disclosure" })))));
 }
 let He = "button";
-function qe(e, n) {
-  let c = oe(), { id: o = `headlessui-disclosure-button-${c}`, disabled: l = !1, autoFocus: p = !1, ...d } = e, [t, r] = Q("Disclosure.Button"), m = Me(), s = m === null ? !1 : m === t.panelId, _ = B(null), i = K(_, n, s ? null : t.buttonRef), y = le();
-  re(() => {
-    if (!s) return r({ type: 2, buttonId: o }), () => {
-      r({ type: 2, buttonId: null });
+function Ke(e, n) {
+  let s = re(), { id: p = `headlessui-disclosure-button-${s}`, disabled: o = !1, autoFocus: f = !1, ...u } = e, [t, l] = Q("Disclosure.Button"), m = Me(), a = m === null ? !1 : m === t.panelId, _ = O(null), c = q(_, n, a ? null : t.buttonRef), I = se();
+  le(() => {
+    if (!a) return l({ type: 2, buttonId: p }), () => {
+      l({ type: 2, buttonId: null });
     };
-  }, [o, r, s]);
-  let k = O((f) => {
-    var $;
-    if (s) {
+  }, [p, l, a]);
+  let P = x((i) => {
+    var g;
+    if (a) {
       if (t.disclosureState === 1) return;
-      switch (f.key) {
-        case g.Space:
-        case g.Enter:
-          f.preventDefault(), f.stopPropagation(), r({ type: 0 }), ($ = t.buttonRef.current) == null || $.focus();
+      switch (i.key) {
+        case w.Space:
+        case w.Enter:
+          i.preventDefault(), i.stopPropagation(), l({ type: 0 }), (g = t.buttonRef.current) == null || g.focus();
           break;
       }
-    } else switch (f.key) {
-      case g.Space:
-      case g.Enter:
-        f.preventDefault(), f.stopPropagation(), r({ type: 0 });
+    } else switch (i.key) {
+      case w.Space:
+      case w.Enter:
+        i.preventDefault(), i.stopPropagation(), l({ type: 0 });
         break;
     }
-  }), I = O((f) => {
-    switch (f.key) {
-      case g.Space:
-        f.preventDefault();
+  }), v = x((i) => {
+    switch (i.key) {
+      case w.Space:
+        i.preventDefault();
         break;
     }
-  }), a = O((f) => {
-    var $;
-    Ne(f.currentTarget) || l || (s ? (r({ type: 0 }), ($ = t.buttonRef.current) == null || $.focus()) : r({ type: 0 }));
-  }), { isFocusVisible: v, focusProps: S } = ve({ autoFocus: p }), { isHovered: b, hoverProps: T } = he({ isDisabled: l }), { pressed: w, pressProps: D } = Ee({ disabled: l }), L = x(() => ({ open: t.disclosureState === 0, hover: b, active: w, disabled: l, focus: v, autofocus: p }), [t, b, w, v, l, p]), N = be(e, _), ie = s ? ne({ ref: i, type: N, disabled: l || void 0, autoFocus: p, onKeyDown: k, onClick: a }, S, T, D) : ne({ ref: i, id: o, type: N, "aria-expanded": t.disclosureState === 0, "aria-controls": t.linkedPanel ? t.panelId : void 0, disabled: l || void 0, autoFocus: p, onKeyDown: k, onKeyUp: I, onClick: a }, S, T, D);
-  return W({ mergeRefs: y, ourProps: ie, theirProps: d, slot: L, defaultTag: He, name: "Disclosure.Button" });
+  }), r = x((i) => {
+    var g;
+    Ne(i.currentTarget) || o || (a ? (l({ type: 0 }), (g = t.buttonRef.current) == null || g.focus()) : l({ type: 0 }));
+  }), { isFocusVisible: S, focusProps: y } = ve({ autoFocus: f }), { isHovered: E, hoverProps: $ } = ye({ isDisabled: o }), { pressed: N, pressProps: R } = he({ disabled: o }), U = M(() => ({ open: t.disclosureState === 0, hover: E, active: N, disabled: o, focus: S, autofocus: f }), [t, E, N, S, o, f]), C = De(e, _), b = a ? ne({ ref: c, type: C, disabled: o || void 0, autoFocus: f, onKeyDown: P, onClick: r }, y, $, R) : ne({ ref: c, id: p, type: C, "aria-expanded": t.disclosureState === 0, "aria-controls": t.linkedPanel ? t.panelId : void 0, disabled: o || void 0, autoFocus: f, onKeyDown: P, onKeyUp: v, onClick: r }, y, $, R);
+  return W({ mergeRefs: I, ourProps: b, theirProps: u, slot: U, defaultTag: He, name: "Disclosure.Button" });
 }
-let Ke = "div", Ve = ee.RenderStrategy | ee.Static;
+let qe = "div", Ve = ee.RenderStrategy | ee.Static;
 function We(e, n) {
-  let c = oe(), { id: o = `headlessui-disclosure-panel-${c}`, transition: l = !1, ...p } = e, [d, t] = Q("Disclosure.Panel"), { close: r } = se("Disclosure.Panel"), m = le(), s = K(n, d.panelRef, (a) => {
-    Ae(() => t({ type: a ? 4 : 5 }));
+  let s = re(), { id: p = `headlessui-disclosure-panel-${s}`, transition: o = !1, ...f } = e, [u, t] = Q("Disclosure.Panel"), { close: l } = ae("Disclosure.Panel"), m = se(), a = q(n, u.panelRef, (r) => {
+    Ae(() => t({ type: r ? 4 : 5 }));
   });
-  re(() => (t({ type: 3, panelId: o }), () => {
+  le(() => (t({ type: 3, panelId: p }), () => {
     t({ type: 3, panelId: null });
-  }), [o, t]);
-  let _ = $e(), [i, y] = ge(l, d.panelRef, _ !== null ? (_ & M.Open) === M.Open : d.disclosureState === 0), k = x(() => ({ open: d.disclosureState === 0, close: r }), [d.disclosureState, r]), I = { ref: s, id: o, ...Te(y) };
-  return h.createElement(we, null, h.createElement(G.Provider, { value: d.panelId }, W({ mergeRefs: m, ourProps: I, theirProps: p, slot: k, defaultTag: Ke, features: Ve, visible: i, name: "Disclosure.Panel" })));
+  }), [p, t]);
+  let _ = be(), [c, I] = ge(o, u.panelRef, _ !== null ? (_ & L.Open) === L.Open : u.disclosureState === 0), P = M(() => ({ open: u.disclosureState === 0, close: l }), [u.disclosureState, l]), v = { ref: a, id: p, ...Te(I) };
+  return k.createElement(we, null, k.createElement(G.Provider, { value: u.panelId }, W({ mergeRefs: m, ourProps: v, theirProps: f, slot: P, defaultTag: qe, features: Ve, visible: c, name: "Disclosure.Panel" })));
 }
-let je = q(Ue), ae = q(qe), ce = q(We), Qe = Object.assign(je, { Button: ae, Panel: ce });
-const ze = "_accordion_1p5o7_2", Ge = "_header_1p5o7_13", Xe = "_title_1p5o7_26", Je = "_icon_1p5o7_33", Ye = "_circle_1p5o7_43", Ze = "_square_1p5o7_50", en = "_panel_1p5o7_60", nn = "_open_1p5o7_67", tn = "_m_1p5o7_87", on = "_s_1p5o7_50", u = {
+let je = K(Ue), ce = K(Ke), ie = K(We), Qe = Object.assign(je, { Button: ce, Panel: ie });
+const ze = "_accordion_1p5o7_2", Ge = "_header_1p5o7_13", Xe = "_title_1p5o7_26", Je = "_icon_1p5o7_33", Ye = "_circle_1p5o7_43", Ze = "_square_1p5o7_50", en = "_panel_1p5o7_60", nn = "_open_1p5o7_67", tn = "_m_1p5o7_87", on = "_s_1p5o7_50", d = {
   accordion: ze,
   "is-link": "_is-link_1p5o7_9",
   header: Ge,
@@ -138,70 +138,67 @@ const ze = "_accordion_1p5o7_2", Ge = "_header_1p5o7_13", Xe = "_title_1p5o7_26"
 }, kn = de(
   ({
     title: e,
-    buttonType: n = C.BUTTON,
-    children: c,
-    size: o = A.M,
-    titleUppercase: l,
-    buttonStyle: p = me.CIRCLE,
-    iconType: d = J.ARROW,
-    classNameTitle: t,
-    classNameContent: r,
-    classNameAccordion: m,
-    classNameIconButton: s,
-    subtitleNode: _,
-    onlyOpenSubtitleNode: i,
-    classNameSubtitleContainer: y
-  }, k) => {
-    const [I, a] = pe(!1), v = _e(Ie.XS1), S = n === "link", b = {
-      [u["is-link"]]: S
-    }, T = () => {
-      a(!I);
-    }, w = (D) => {
-      const L = () => d === J.DROPDOWN ? o === A.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px" : o === A.S ? Z.S : Z.M, N = o === A.S ? Y.S : Y.M;
-      switch (n) {
-        case C.LINK:
-          return /* @__PURE__ */ P(
-            Pe,
-            {
-              variant: "anchor",
-              size: v ? "s" : "l",
-              rightIcon: {
-                iconName: N,
-                className: E({
-                  [u["link-open"]]: D
-                })
-              },
-              children: e
-            }
-          );
-        case C.BUTTON:
-          return /* @__PURE__ */ R(X, { children: [
-            /* @__PURE__ */ P(
+    disabled: n,
+    buttonType: s = T.BUTTON,
+    children: p,
+    size: o = B.M,
+    titleUppercase: f,
+    buttonStyle: u = me.CIRCLE,
+    iconType: t = Y.ARROW,
+    classNameTitle: l,
+    classNameContent: m,
+    classNameAccordion: a,
+    classNameIconButton: _,
+    subtitleNode: c,
+    onlyOpenSubtitleNode: I,
+    classNameSubtitleContainer: P
+  }, v) => {
+    const [r, S] = pe(!1), y = _e(Ie.XS1), E = s === T.LINK, $ = {
+      [d["is-link"]]: E
+    }, N = () => {
+      n || S((b) => !b);
+    }, R = o === B.S ? J.S : J.M, U = {
+      variant: "anchor",
+      size: y ? "s" : "l",
+      rightIcon: {
+        iconName: R,
+        className: D({
+          [d["link-open"]]: r
+        })
+      }
+    }, C = (b) => {
+      const i = () => t === Y.DROPDOWN ? o === B.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px" : o === B.S ? Z.S : Z.M;
+      switch (s) {
+        case T.LINK:
+          return e;
+        case T.BUTTON:
+          return /* @__PURE__ */ A(X, { children: [
+            /* @__PURE__ */ h(
               "span",
               {
-                className: E(
-                  u.title,
-                  t,
-                  l && u["title-uppercase"]
+                className: D(
+                  d.title,
+                  l,
+                  f && d["title-uppercase"]
                 ),
                 children: e
               }
             ),
-            /* @__PURE__ */ P(
+            /* @__PURE__ */ h(
               "div",
               {
-                className: E(
-                  u["icon-container"],
-                  D && u.open,
-                  u[p],
-                  s
+                className: D(
+                  d["icon-container"],
+                  b && d.open,
+                  d[u],
+                  _
                 ),
                 "data-testid": "accordion-icon-container",
-                children: /* @__PURE__ */ P(
-                  Se,
+                children: /* @__PURE__ */ h(
+                  Pe,
                   {
-                    iconName: L(),
-                    className: u.icon,
+                    iconName: i(),
+                    className: d.icon,
                     "data-testid": "accordion-icon"
                   }
                 )
@@ -212,44 +209,47 @@ const ze = "_accordion_1p5o7_2", Ge = "_header_1p5o7_13", Xe = "_title_1p5o7_26"
           return null;
       }
     };
-    return /* @__PURE__ */ R(X, { children: [
-      /* @__PURE__ */ P(
+    return /* @__PURE__ */ A(X, { children: [
+      /* @__PURE__ */ h(
         "div",
         {
-          className: E(
-            u.accordion,
-            u[o],
-            b,
-            m
+          className: D(
+            d.accordion,
+            d[o],
+            $,
+            a
           ),
-          children: /* @__PURE__ */ R(Qe, { ref: k, children: [
-            /* @__PURE__ */ P("div", { className: u["wrapper-button"], onClick: T, children: /* @__PURE__ */ P(
-              ae,
+          children: /* @__PURE__ */ A(Qe, { ref: v, children: [
+            /* @__PURE__ */ h(
+              ce,
               {
-                as: S ? U : C.BUTTON,
-                className: E({
-                  [u.header]: !S
+                as: E ? Se : T.BUTTON,
+                onClick: N,
+                className: D({
+                  [d.header]: !E
                 }),
-                children: w(I)
+                ...E ? U : {},
+                children: C(r)
               }
-            ) }),
-            I && /* @__PURE__ */ P(
-              ce,
+            ),
+            r && /* @__PURE__ */ h(
+              ie,
               {
-                className: E(
-                  u.panel,
-                  r,
-                  b
+                "data-testid": "accordion-panel",
+                className: D(
+                  d.panel,
+                  m,
+                  $
                 ),
-                children: /* @__PURE__ */ P(fe, { size: o, children: c })
+                children: /* @__PURE__ */ h(fe, { size: o, children: p })
               }
             )
           ] })
         }
       ),
-      (_ || i) && /* @__PURE__ */ R("div", { className: y, children: [
-        _,
-        I && i
+      (c || I) && /* @__PURE__ */ A("div", { className: P, children: [
+        c,
+        r && I
       ] })
     ] });
   }

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;
     /**
      * Идентификатор формы, к которой привязана кнопка.
      */