quickblox-react-ui-kit 0.5.0-beta.1 → 0.5.0-beta.2

package/dist/Presentation/Views/Flow/CreateDialog/CreateDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateDialog.d.ts","sourceRoot":"","sources":["../../../../../src/Presentation/Views/Flow/CreateDialog/CreateDialog.tsx"],"names":[],"mappings":"AACA,OAAO,qBAAqB,CAAC;AAK7B,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAG/E,KAAK,iBAAiB,GAAG;IACvB,0BAA0B,EAAE,sBAAsB,CAAC;IACnD,0BAA0B,EAAE,sBAAsB,CAAC;IACnD,wBAAwB,EAAE,sBAAsB,CAAC;IACjD,wBAAwB,EAAE,sBAAsB,CAAC;IACjD,yBAAyB,EAAE,sBAAsB,CAAC;IAClD,yBAAyB,EAAE,sBAAsB,CAAC;CACnD,CAAC;AAEF,QAAA,MAAM,YAAY,0KAOhB,iBAAiB,4CAyClB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"CreateDialog.d.ts","sourceRoot":"","sources":["../../../../../src/Presentation/Views/Flow/CreateDialog/CreateDialog.tsx"],"names":[],"mappings":"AACA,OAAO,qBAAqB,CAAC;AAK7B,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAG/E,KAAK,iBAAiB,GAAG;IACvB,0BAA0B,EAAE,sBAAsB,CAAC;IACnD,0BAA0B,EAAE,sBAAsB,CAAC;IACnD,wBAAwB,EAAE,sBAAsB,CAAC;IACjD,wBAAwB,EAAE,sBAAsB,CAAC;IACjD,yBAAyB,EAAE,sBAAsB,CAAC;IAClD,yBAAyB,EAAE,sBAAsB,CAAC;CACnD,CAAC;AAEF,QAAA,MAAM,YAAY,0KAOhB,iBAAiB,4CA4ClB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/Presentation/Views/InviteMembers/InviteMembers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InviteMembers.d.ts","sourceRoot":"","sources":["../../../../src/Presentation/Views/InviteMembers/InviteMembers.tsx"],"names":[],"mappings":"AACA,OAAO,sBAAsB,CAAC;AAY9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAkB,MAAM,0BAA0B,CAAC;AAO/E,MAAM,MAAM,8BAA8B,GAAG,CAC3C,gBAAgB,EAAE,MAAM,EAAE,EAC1B,iBAAiB,EAAE,MAAM,EAAE,KACxB,IAAI,CAAC;AAEV,KAAK,kBAAkB,GAAG;IACxB,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,mBAAmB,CAAC;IACvC,uBAAuB,EAAE,8BAA8B,CAAC;IACxD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,0BAA0B,CAAC,EAAE,sBAAsB,CAAC;CACrD,CAAC;AAEF,QAAA,MAAM,aAAa,yHAOhB,kBAAkB,4CA6QpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"InviteMembers.d.ts","sourceRoot":"","sources":["../../../../src/Presentation/Views/InviteMembers/InviteMembers.tsx"],"names":[],"mappings":"AACA,OAAO,sBAAsB,CAAC;AAY9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAkB,MAAM,0BAA0B,CAAC;AAQ/E,MAAM,MAAM,8BAA8B,GAAG,CAC3C,gBAAgB,EAAE,MAAM,EAAE,EAC1B,iBAAiB,EAAE,MAAM,EAAE,KACxB,IAAI,CAAC;AAEV,KAAK,kBAAkB,GAAG;IACxB,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,mBAAmB,CAAC;IACvC,uBAAuB,EAAE,8BAA8B,CAAC;IACxD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,0BAA0B,CAAC,EAAE,sBAAsB,CAAC;CACrD,CAAC;AAEF,QAAA,MAAM,aAAa,yHAOhB,kBAAkB,4CAsRpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/Presentation/ui-components/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/Presentation/ui-components/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGrC,OAAO,eAAe,CAAC;AAIvB,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAChD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,IAAkB,EAClB,IAAW,EACX,SAAS,EACT,GAAG,GACJ,EAAE,WAAW,2CAYb"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/Presentation/ui-components/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGrC,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAChD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,IAAkB,EAClB,IAAW,EACX,SAAS,EACT,GAAG,GACJ,EAAE,WAAW,2CAYb"}

package/dist/Presentation/ui-components/CheckBox/CheckBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBox.d.ts","sourceRoot":"","sources":["../../../../src/Presentation/ui-components/CheckBox/CheckBox.tsx"],"names":[],"mappings":"AACA,OAAO,iBAAiB,CAAC;AAEzB,UAAU,aAAa;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,QAAQ,EACR,OAAO,EACP,QAAQ,GACT,EAAE,aAAa,2CAUf"}
+{"version":3,"file":"CheckBox.d.ts","sourceRoot":"","sources":["../../../../src/Presentation/ui-components/CheckBox/CheckBox.tsx"],"names":[],"mappings":"AACA,OAAO,iBAAiB,CAAC;AAIzB,UAAU,aAAa;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,QAAQ,EACR,OAAO,EACP,QAAQ,GACT,EAAE,aAAa,2CASf"}

package/dist/index-ui.js

@@ -29,7 +29,7 @@ var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBP
 ___CSS_LOADER_EXPORT___.push([module.id, "@import url(https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,500;0,700;1,700&display=swap);"]);
 ___CSS_LOADER_EXPORT___.push([module.id, "@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap);"]);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `:root{--primary: #3978FC;--color-background: #FFFFFF;--color-background-modal: #C4D7FE;--color-background-overlay: #0B121B;--color-divider: #E7EFFF;--color-font: #0B121B;--color-icon: #3978FC;--color-media-icon: #FFFFFF;--color-default-hover: #2C65FB;--color-default-active: #1748FA;--color-background-info: #C4D7FE;--color-border-active: #9CBCFE;--tertiary-elements: #636D78;--main-elements: #3978FC;--toast-color: #131D28;--secondary-elements: #202F3E;--input-elements: #202F3E;--disabled-elements: #BCC1C5;--field-border: #90979F;--main-text: #0B121B;--secondary-text: #636D78;--caption: #90979F;--main-background: #FFFFFF;--secondary-background: #FFFFFF;--secondary-background-modal: rgba(19, 29, 40, 0.8);--incoming-background: #E4E6E8;--outgoing-background: #E7EFFF;--dropdown-background: #FFFFFF;--chat-input: #F7F9FF;--divider: #E7EFFF;--error: #FF3B30;--error-secondary: #FF9D98;--hightlight: #FFFDC1}html[data-theme=dark]{--primary: #3978FC;--color-background: #0B121B;--color-background-modal: #131D28;--color-background-overlay: #0B121B;--color-divider: #414E5B;--color-font: #FFFFFF;--color-icon: #74A1FD;--color-media-icon: #FFFFFF;--color-default-hover: #182330;--color-default-active: #0B121B;--color-background-info: #3978FC;--color-border-active: #90979F;--tertiary-elements: rgba(144, 151, 159, 0.8);--main-elements: #74A1FD;--secondary-elements: #FFFFFF;--input-elements: #90979F;--disabled-elements: #636D78;--field-border: #90979F;--main-text: #FFFFFF;--secondary-text: #90979F;--caption: #BCC1C5;--main-background: #202F3E;--secondary-background: #131D28;--incoming-background: #414E5B;--outgoing-background: #3978FC;--dropdown-background: #414E5B;--chat-input: #131D28;--divider: #414E5B;--error: #FF766E;--error-secondary: #FFC4C1;--hightlight: #FFFDC1}:root{--title-title-large: 500 20px/24px "Roboto", sans-serif;--title-title-medium: 500 16px/24px "Roboto", sans-serif;--title-title-small: 500 14px/20px "Roboto", sans-serif;--label-label-large: 500 14px/20px "Roboto", sans-serif;--label-label-medium: 500 12px/16px "Roboto", sans-serif;--label-label-small: 500 11px/16px "Roboto", sans-serif;--body-body-large: 400 16px/24px "Roboto", sans-serif;--body-body-medium: 400 14px/20px "Roboto", sans-serif;--body-body-small: 400 12px/16px "Roboto", sans-serif;--button-fab: 500 14px/16px "Roboto", sans-serif;--button-default: 700 14px/16px "Roboto", sans-serif;--ui-kit-header: 500 48px "Roboto Mono", sans-serif;--ui-kit-title: 500 32px "Roboto Mono", sans-serif;--ui-kit-body: 400 17px "Roboto Mono", sans-serif;--max-width-message-bubble: 480px;--max-width-message-view-container: 680px;--max-width-image-message: 240px;--max-width-audio-message: 300px;--max-width-dialog-list: 320px;--min-width-screen-desktop: 980px}.qb-uikit-layout *{box-sizing:border-box}.qb-uikit-layout{font-family:"Roboto";color:var(--main-text);background-color:var(--main-background);overflow:hidden !important;scrollbar-width:none !important}@media only screen and (max-width: 980px){:root{--max-width-message-view-container: 345px;--max-width-message-bubble: 170px;--max-width-image-message: 150px;--max-width-audio-message: 150px;--max-width-dialog-list: 100%}}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `:root{--primary: #3978FC;--color-background: #FFFFFF;--color-background-modal: rgba(19, 29, 40, 0.8);--color-background-overlay: #0B121B;--color-divider: #E7EFFF;--color-font: #0B121B;--color-icon: #3978FC;--color-media-icon: #FFFFFF;--color-default-hover: #2C65FB;--color-default-active: #1748FA;--color-background-info: #C4D7FE;--color-border-active: #9CBCFE;--tertiary-elements: #636D78;--main-elements: #3978FC;--toast-color: #131D28;--secondary-elements: #202F3E;--input-elements: #202F3E;--disabled-elements: #BCC1C5;--field-border: #90979F;--main-text: #0B121B;--secondary-text: #636D78;--caption: #90979F;--main-background: #FFFFFF;--secondary-background: #FFFFFF;--secondary-background-modal: rgba(19, 29, 40, 0.8);--incoming-background: #E4E6E8;--outgoing-background: #E7EFFF;--dropdown-background: #FFFFFF;--chat-input: #F7F9FF;--divider: #E7EFFF;--error: #FF3B30;--error-secondary: #FF9D98;--hightlight: #FFFDC1;--system: #FFFFFF}html[data-theme=dark]{--primary: #3978FC;--color-background: #0B121B;--color-background-modal: rgba(19, 29, 40, 0.8);--color-background-overlay: #0B121B;--color-divider: #414E5B;--color-font: #FFFFFF;--color-icon: #74A1FD;--color-media-icon: #FFFFFF;--color-default-hover: #182330;--color-default-active: #0B121B;--color-background-info: #3978FC;--color-border-active: #90979F;--tertiary-elements: #636D78;--main-elements: #74A1FD;--secondary-elements: #FFFFFF;--input-elements: #90979F;--disabled-elements: #BCC1C5;--field-border: #90979F;--main-text: #FFFFFF;--secondary-text: #90979F;--caption: #BCC1C5;--main-background: #202F3E;--secondary-background: #131D28;--incoming-background: #414E5B;--outgoing-background: #3978FC;--dropdown-background: #414E5B;--chat-input: #131D28;--divider: #414E5B;--error: #FF766E;--error-secondary: #FFC4C1;--hightlight: #FFFDC1;--system: #FFFFFF}:root{--title-title-large: 500 20px/24px "Roboto", sans-serif;--title-title-medium: 500 16px/24px "Roboto", sans-serif;--title-title-small: 500 14px/20px "Roboto", sans-serif;--label-label-large: 500 14px/20px "Roboto", sans-serif;--label-label-medium: 500 12px/16px "Roboto", sans-serif;--label-label-small: 500 11px/16px "Roboto", sans-serif;--body-body-large: 400 16px/24px "Roboto", sans-serif;--body-body-medium: 400 14px/20px "Roboto", sans-serif;--body-body-small: 400 12px/16px "Roboto", sans-serif;--button-fab: 500 14px/16px "Roboto", sans-serif;--button-default: 700 14px/16px "Roboto", sans-serif;--ui-kit-header: 500 48px "Roboto Mono", sans-serif;--ui-kit-title: 500 32px "Roboto Mono", sans-serif;--ui-kit-body: 400 17px "Roboto Mono", sans-serif;--max-width-message-bubble: 480px;--max-width-message-view-container: 680px;--max-width-image-message: 240px;--max-width-audio-message: 300px;--max-width-dialog-list: 320px;--min-width-screen-desktop: 980px}.qb-uikit-layout *{box-sizing:border-box}.qb-uikit-layout{font-family:"Roboto";color:var(--main-text);background-color:var(--main-background);overflow:hidden !important;scrollbar-width:none !important}@media only screen and (max-width: 980px){:root{--max-width-message-view-container: 345px;--max-width-message-bubble: 170px;--max-width-image-message: 150px;--max-width-audio-message: 150px;--max-width-dialog-list: 100%}}`, ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -52,7 +52,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `:root{--primary: #3978FC;--color-backg
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.edit-container{min-height:236px;max-height:236px;height:236px;width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.edit-btn-container{min-height:34px;max-height:34px;height:34px;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:flex-end}.edit-dialog-container{min-height:180px;max-height:180px;height:180px;width:100%;margin-bottom:24px}.edit-dialog-container--disable{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:100;display:block}.edit-dialog-container--wrapper{min-height:180px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.edit-dialog-container--wrapper__inf{min-height:20px;font-family:"Roboto";font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px;color:var(--main-text)}.edit-dialog-container--wrapper__icon-container{min-height:56px;max-height:56px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.edit-dialog-container--wrapper__icon-container__icon{min-height:56px;max-height:56px;height:56px;min-width:56px;max-width:56px;height:56px;margin-top:8px;background-color:var(--disabled-elements);border-radius:50%;text-align:center;align-content:center;display:flex;justify-content:center;align-items:center}.edit-dialog-container--wrapper__icon-container__upload{min-height:32px;max-height:32px;min-width:80px;max-width:80px;margin-top:8px;padding-left:16px;padding-top:20px;font-family:"Roboto";font-style:normal;font-weight:700;font-size:14px;line-height:16px;letter-spacing:.4px;color:var(--color-icon)}.edit-dialog-container--wrapper__upload-error{min-height:20px;font-family:"Roboto";font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px;margin-top:5px;color:var(--error)}.edit-dialog-container--wrapper__dialog-name-inf{min-height:20px;font-family:"Roboto";font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px;margin-top:24px}.edit-dialog-container--wrapper__text-field{width:100%}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.edit-container{min-height:236px;max-height:236px;height:236px;width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.edit-btn-container{min-height:34px;max-height:34px;height:34px;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:flex-end}.edit-dialog-container{min-height:180px;max-height:180px;height:180px;width:100%;margin-bottom:24px}.edit-dialog-container--disable{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:100;display:block}.edit-dialog-container--wrapper{min-height:180px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.edit-dialog-container--wrapper__inf{min-height:20px;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px;color:var(--main-text)}.edit-dialog-container--wrapper__icon-container{min-height:56px;max-height:56px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.edit-dialog-container--wrapper__icon-container__icon{min-height:56px;max-height:56px;height:56px;min-width:56px;margin-top:8px;background-color:var(--disabled-elements);border-radius:50%;text-align:center;align-content:center;display:flex;justify-content:center;align-items:center}.edit-dialog-container--wrapper__icon-container__upload{min-height:32px;max-height:32px;min-width:80px;max-width:80px;margin-top:8px;padding-left:16px;padding-top:20px;font-style:normal;font-weight:700;font-size:14px;line-height:16px;letter-spacing:.4px;color:var(--color-icon)}.edit-dialog-container--wrapper__upload-error{min-height:20px;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px;margin-top:5px;color:var(--error)}.edit-dialog-container--wrapper__dialog-name-inf{min-height:20px;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px;margin-top:24px;color:var(--main-text)}.edit-dialog-container--wrapper__text-field{width:100%}`, ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -75,7 +75,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.edit-container{min-height:236px;max-h
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.create-dialog-container{min-height:312px;max-height:312px;height:312px}.item-type-dialog,.item-type-dialog *{box-sizing:border-box}.item-type-dialog{border-radius:4px;border-style:solid;border-color:var(--light-theme-tertiaryelements, #636d78);border-width:1px;padding:16px;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.item-type-dialog-icon{border-radius:4px;padding:4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;position:relative}.item-type-dialog-name{color:var(--light-theme-maintext, #0b1b0f);text-align:left;font-family:var(--body-body-medium-font-family, "Roboto-Regular", sans-serif);font-size:var(--body-body-medium-font-size, 14px);line-height:var(--body-body-medium-line-height, 20px);font-weight:var(--body-body-medium-font-weight, 400);position:relative;flex:1}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.create-dialog-container .column-container{width:330px}.item-type-dialog,.item-type-dialog *{box-sizing:border-box}.item-type-dialog{border-radius:4px;border-style:solid;border-color:var(--tertiary-elements, #636d78);border-width:1px;padding:16px;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.item-type-dialog-icon{border-radius:4px;padding:4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;position:relative}.item-type-dialog-name{color:var(--main-text, #0b1b0f);text-align:left;font-family:var(--body-body-medium-font-family, "Roboto-Regular", sans-serif);font-size:var(--body-body-medium-font-size, 14px);line-height:var(--body-body-medium-line-height, 20px);font-weight:var(--body-body-medium-font-weight, 400);position:relative;flex:1}@media only screen and (max-width: 980px){.create-dialog-container .column-container{width:unset}}`, ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -161,7 +161,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.time-status{background:var(--main-bac
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.settings-item{background-color:var(--color-background)}.settings-item__body{display:flex;justify-content:space-between;align-items:center;width:100%;height:56px;gap:16px;padding:16px}.settings-item__left-section{display:flex;align-items:center;cursor:pointer;font-family:"Roboto";font-weight:400;font-size:16px;line-height:24px;letter-spacing:.15px}.settings-item__title{margin-left:16px}.settings-item__right-section{display:flex;align-items:center;gap:4px}.settings-item__arrow{width:24px;height:24px;fill:var(--secondary-elements);cursor:pointer;transform:rotate(270deg);transition:transform .3s ease-in-out}.settings-item__arrow--opened{transform:rotate(360deg)}.settings-item__children{height:0;overflow:auto;transition:height .2s ease-in}.settings-item__children--opened{height:100%}.settings-item__icon{width:24px;height:24px}.settings-item__icon svg{width:24px;height:24px}.settings-item,.settings-item *{box-sizing:border-box}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.settings-item__body{display:flex;justify-content:space-between;align-items:center;width:100%;height:56px;gap:16px;padding:16px}.settings-item__left-section{display:flex;align-items:center;cursor:pointer;font-family:"Roboto";font-weight:400;font-size:16px;line-height:24px;letter-spacing:.15px}.settings-item__title{margin-left:16px}.settings-item__right-section{display:flex;align-items:center;gap:4px}.settings-item__arrow{width:24px;height:24px;fill:var(--secondary-elements);cursor:pointer;transform:rotate(270deg);transition:transform .3s ease-in-out}.settings-item__arrow--opened{transform:rotate(360deg)}.settings-item__children{height:0;overflow:auto;transition:height .2s ease-in}.settings-item__children--opened{height:100%}.settings-item__icon{width:24px;height:24px}.settings-item__icon svg{width:24px;height:24px}.settings-item,.settings-item *{box-sizing:border-box}`, ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -230,7 +230,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.forward-message-flow,.forward-message
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.error-container-wrapper{border:1px solid var(--divider)}.error-container{display:flex;flex-flow:column nowrap;min-width:360px;min-height:156px;margin:0 auto;justify-content:center;align-items:center;gap:16px;background-color:var(--main-background)}.error-container__error-icon{display:flex;justify-content:center;align-items:center;margin:0 auto;min-width:60px;min-height:60px;color:var(--caption)}.error-container__error-icon svg path{fill:var(--caption)}.error-container__error-message{min-height:24px;font-family:"Roboto";font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;letter-spacing:.15px;color:var(--caption)}.error-container--error-action{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;margin:0 auto;gap:8px;min-height:40px;min-width:92px;cursor:pointer}.error-container--error-action__refresh-icon{min-width:24px;min-height:24px}.error-container--error-action__refresh-icon svg path{fill:var(--main-elements)}.error-container--error-action__refresh-text{color:var(--main-elements);font-family:"Roboto";font-style:normal;font-weight:700;font-size:14px;line-height:16px;letter-spacing:.4px}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.error-container-wrapper{border:1px solid var(--divider)}.error-container{display:flex;flex-flow:column nowrap;min-width:360px;min-height:156px;margin:0 auto;justify-content:center;align-items:center;gap:16px;background-color:var(--main-background)}.error-container__error-icon{display:flex;justify-content:center;align-items:center;margin:0 auto;min-width:60px;min-height:60px;color:var(--caption)}.error-container__error-icon svg path{fill:var(--caption)}.error-container__error-message{min-height:24px;font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;letter-spacing:.15px;color:var(--caption)}.error-container--error-action{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;margin:0 auto;gap:8px;min-height:40px;min-width:92px;cursor:pointer}.error-container--error-action__refresh-icon{min-width:24px;min-height:24px}.error-container--error-action__refresh-icon svg path{fill:var(--main-elements)}.error-container--error-action__refresh-text{color:var(--main-elements);font-style:normal;font-weight:700;font-size:14px;line-height:16px;letter-spacing:.4px}`, ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -355,7 +355,7 @@ module.exports = function (i) {
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.user-list-item{display:flex;align-items:center;justify-content:space-between;height:56px;padding:8px 19px 8px 16px;gap:16px;background-color:var(--color-background)}.user-list-item--disabled{cursor:not-allowed;color:var(--disabled-elements);fill:var(--disabled-elements)}.user-list-item__avatar{display:flex;align-items:center;justify-content:space-between}.user-list-item__name{margin-left:16px;font-family:"Roboto";font-weight:400;font-size:16px;line-height:24px;letter-spacing:.15px;color:var(--main-text)}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.user-list-item{display:flex;align-items:center;justify-content:space-between;height:56px;padding:8px 19px 8px 16px;gap:16px;border-bottom:1px solid var(--divider)}.user-list-item--disabled{cursor:not-allowed;color:var(--disabled-elements);fill:var(--disabled-elements)}.user-list-item__avatar{display:flex;align-items:center;justify-content:space-between}.user-list-item__name{margin-left:16px;font-weight:400;font-size:16px;line-height:24px;letter-spacing:.15px;color:var(--main-text)}`, ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -57194,7 +57194,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.column-container{width:var(--max-widt
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.dialog-window{left:0;top:0;width:100%;height:100%;z-index:100;position:fixed;background-color:rgba(19,29,40,.8)}.dialog-window,.dialog-window *{box-sizing:border-box}.dialog-window--disable{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:100;display:block}.dialog-window__content{width:380px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:24px;border-radius:4px;background-color:var(--main-background);box-shadow:0 9px 15px 0 rgba(0,0,0,.04),0 9px 46px 0 rgba(0,0,0,.08)}@media(max-width: 767px){.dialog-window__content{width:300px}}.dialog-window__header{margin-bottom:28px;padding:0px !important}.dialog-window__close{width:24px;height:24px;fill:var(--secondary-elements);cursor:pointer}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.dialog-window{left:0;top:0;width:100%;height:100%;z-index:100;position:fixed;background-color:var(--color-background-modal)}.dialog-window,.dialog-window *{box-sizing:border-box}.dialog-window--disable{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:100;display:block}.dialog-window__content{width:380px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:24px;border-radius:4px;background-color:var(--main-background);box-shadow:0 9px 15px 0 rgba(0,0,0,.04),0 9px 46px 0 rgba(0,0,0,.08)}@media(max-width: 767px){.dialog-window__content{width:300px}}.dialog-window__header{margin-bottom:28px;padding:0px !important}.dialog-window__header svg{fill:var(--main-text)}.dialog-window__close{width:24px;height:24px;fill:var(--main-text);cursor:pointer}`, ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -57422,7 +57422,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.badge{display:flex;justify-content:ce
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.message-item{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.message-item__right{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end;width:100%}.message-item__more{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center;align-self:stretch;flex-shrink:0;position:relative;cursor:pointer}.message-item__more__icon{border-radius:4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;position:relative}.message-item__more__icon__actions{fill:var(--tertiary-elements, #636D78);path:var(--tertiary-elements, #636D78)}.message-item__outgoing{background:var(--main-background, #ffffff);padding:0px 8px 8px 16px;display:flex;flex-direction:row;gap:8px;justify-content:flex-end;align-self:stretch;flex-shrink:0;width:320px;position:relative}.message-item__outgoing__chat{display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.message-item__outgoing__chat__bubble-background{background:var(--outgoing-background, #E7EFFF);border-radius:22px 22px 0px 22px;padding:8px 12px 8px 12px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.message-item__incoming-mes{background:var(--secondary-background, #ffffff);padding:0px 16px 8px 8px;display:flex;flex-direction:row;gap:8px;align-items:flex-end;justify-content:flex-start;align-self:stretch;flex-shrink:0;width:320px;position:relative}.message-item__incoming{display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:flex-end}.message-item__incoming__chat{display:flex;flex-direction:row;gap:8px}.message-item__incoming__chat__bubble{display:flex;flex-direction:column;gap:4px;align-items:flex-end;justify-content:flex-end;flex-shrink:0;position:relative}.message-item__incoming__chat__bubble__background{background:var(--incoming-background, #e4e6e8);border-radius:22px 22px 22px 0px;padding:8px 12px 8px 12px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.message-item{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.message-item__right{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end;width:100%}.message-item__more{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center;align-self:stretch;flex-shrink:0;position:relative;cursor:pointer}.message-item__more__icon{border-radius:4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;position:relative}.message-item__more__icon__actions{fill:var(--tertiary-elements, #636D78);path:var(--tertiary-elements, #636D78)}.message-item__outgoing{padding:0px 8px 8px 16px;display:flex;flex-direction:row;gap:8px;justify-content:flex-end;align-self:stretch;flex-shrink:0;width:320px;position:relative}.message-item__outgoing__chat{display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.message-item__outgoing__chat__bubble-background{background:var(--outgoing-background, #E7EFFF);border-radius:22px 22px 0px 22px;padding:8px 12px 8px 12px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.message-item__incoming-mes{background:var(--secondary-background, #ffffff);padding:0px 16px 8px 8px;display:flex;flex-direction:row;gap:8px;align-items:flex-end;justify-content:flex-start;align-self:stretch;flex-shrink:0;width:320px;position:relative}.message-item__incoming{display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:flex-end}.message-item__incoming__chat{display:flex;flex-direction:row;gap:8px}.message-item__incoming__chat__bubble{display:flex;flex-direction:column;gap:4px;align-items:flex-end;justify-content:flex-end;flex-shrink:0;position:relative}.message-item__incoming__chat__bubble__background{background:var(--incoming-background, #e4e6e8);border-radius:22px 22px 22px 0px;padding:8px 12px 8px 12px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}`, ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -57699,7 +57699,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__5272__;
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.checkbox{display:flex;align-items:center;flex-shrink:0;border-radius:4px;padding:4px;justify-content:center;width:18px;height:18px}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.checkbox,.checkbox-field{display:flex;align-items:center;flex-shrink:0;border-radius:4px;padding:4px;justify-content:center;width:18px;height:18px}.checkbox-field>input{position:absolute;z-index:-1;opacity:0}.checkbox-field .icon-checkmark{position:absolute;width:18px;height:18px;fill:var(--main-elements)}.checkbox-field .icon-check{position:absolute;width:18px;height:18px;fill:var(--secondary-elements)}.checkbox-field.disabled .icon-check{fill:var(--disabled-elements);cursor:not-allowed}`, ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -58061,7 +58061,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.chat-container{width:100%}.chat-conta
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.header-dialog-info,.header-dialog-info *{box-sizing:border-box}.header-dialog-info{background:var(--color-background, #ffffff);padding:16px 16px 16px 24px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;flex-shrink:0;position:relative;border-bottom:1px solid var(--divider);height:64px}.header-dialog-info-headline{color:var(--main-text, #0b1b0f);text-align:left;font:var(--title-title-large);position:relative}.header-dialog-info-icon{width:24px;height:24px;fill:var(--secondary-elements)}.dialog-information-profile,.dialog-information-profile *{box-sizing:border-box}.dialog-information-profile{background:var(--color-background, #ffffff);padding:24px 0px 24px 0px;align-self:stretch;flex-flow:column;flex-shrink:0;height:160px;position:relative;border-bottom:1px solid var(--divider)}.dialog-information-profile-avatar{height:80px;left:140px;top:24px}.dialog-info-profile-avatar-default-icon{display:flex;justify-content:center}.dialog-info-profile-avatar-ellipse{background:var(--disabled-elements, #bcc1c5);border-radius:50%;position:absolute;height:81px;width:81px;top:24px}.dialog-info-profile-avatar-contents{height:auto;position:absolute;right:17.86%;left:17.86%;width:64.29%;bottom:17.86%;top:17.86%;height:64.29%;overflow:visible}.dialog-information-profile-dialog-name{margin-top:8px;color:var(--main-text, #0b1b0f);text-align:center;font:var(--title-title-medium);left:134.5px;top:112px;display:flex;align-items:center;justify-content:center}.dialog-information-profile-edit{position:relative;right:-10px;border-radius:4px;padding:8px 56px 0px 0px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;position:absolute;top:8px}.dialog-information-profile-edit-button{color:var(--main-elements, #3978fc);text-align:left;font:var(--button-default);position:relative}.dialog-information-profile-edit-button--disable{color:var(--disabled-elements);cursor:default}.dialog-info-action-wrapper-settings,.dialog-info-action-wrapper-settings *{box-sizing:border-box}.dialog-info-action-wrapper-settings{background:var(--color-background, #ffffff);padding:16px;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative;border-bottom:1px solid var(--divider)}@media only screen and (max-width: var(--min-width-screen-desktop)){.dialog-info-action-wrapper-settings{padding:6px}}.no-padding{padding:0}.dialog-info-action-wrapper-settings-icon{border-radius:4px;padding:4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;position:relative}.dialog-info-action-wrapper-settings-subtitle{color:var(--main-text, #0b1b0f);text-align:left;font:var(--body-body-large);position:relative;flex:1;display:flex;align-items:center;justify-content:flex-start}.dialog-info-action-wrapper-settings-contents{flex-shrink:0;width:24px;height:24px;position:relative;overflow:visible}.dialog-info-action-wrapper-settings-right{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-end;flex-shrink:0;position:relative}.dialog-info-action-wrapper-settings-right-badge{background:var(--disabled-elements, #bcc1c5);border-radius:30px;padding:2px 6px 2px 6px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;flex-shrink:0;position:relative}.dialog-info-action-wrapper-settings-right-badge-title{color:var(--color-background, #ffffff);text-align:center;font:var(--label-label-medium);position:relative;padding:0px 5px 0px 5px}.dialog-info-leave{fill:var(--error);border-bottom:1px solid var(--divider);cursor:pointer}.dialog-info-leave--disable{fill:var(--disabled-elements);cursor:default}.dialog-info-members{fill:var(--main-elements);border-bottom:1px solid var(--divider)}.dialog-info-action-wrapper-button{border:1px solid var(--secondary-elements);color:var(--secondary-elements)}.dialog-info-action-wrapper-button:active{border:1px solid var(--secondary-elements);color:var(--secondary-elements)}.dialog-info-action-wrapper-button:focus{border:1px solid var(--secondary-elements)}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.header-dialog-info,.header-dialog-info *{box-sizing:border-box}.header-dialog-info{padding:16px 16px 16px 24px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;flex-shrink:0;position:relative;border-bottom:1px solid var(--divider);height:64px}.header-dialog-info-headline{color:var(--main-text, #0b1b0f);text-align:left;font:var(--title-title-large);position:relative}.header-dialog-info-icon{width:24px;height:24px;fill:var(--secondary-elements)}.dialog-information-profile,.dialog-information-profile *{box-sizing:border-box}.dialog-information-profile{padding:24px 0px 24px 0px;align-self:stretch;flex-flow:column;flex-shrink:0;height:160px;position:relative;border-bottom:1px solid var(--divider)}.dialog-information-profile-avatar{height:80px;left:140px;top:24px}.dialog-info-profile-avatar-default-icon{display:flex;justify-content:center}.dialog-info-profile-avatar-ellipse{border-radius:50%;position:absolute;height:81px;width:81px;top:24px}.dialog-info-profile-avatar-contents{position:absolute;right:17.86%;left:17.86%;width:64.29%;bottom:17.86%;top:17.86%;height:64.29%;overflow:visible}.dialog-information-profile-dialog-name{margin-top:8px;color:var(--main-text, #0b1b0f);text-align:center;font:var(--title-title-medium);left:134.5px;top:112px;display:flex;align-items:center;justify-content:center}.dialog-information-profile-edit{right:-10px;border-radius:4px;padding:8px 56px 0px 0px;display:flex;flex-direction:row;gap:0;align-items:center;justify-content:center;position:absolute;top:8px}.dialog-information-profile-edit-button{color:var(--main-elements, #3978fc);text-align:left;font:var(--button-default);position:relative}.dialog-information-profile-edit-button--disable{color:var(--disabled-elements);cursor:default}.dialog-info-action-wrapper-settings,.dialog-info-action-wrapper-settings *{box-sizing:border-box}.dialog-info-action-wrapper-settings{background:var(--color-background, #ffffff);padding:16px;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative;border-bottom:1px solid var(--divider)}@media only screen and (max-width: var(--min-width-screen-desktop)){.dialog-info-action-wrapper-settings{padding:6px}}.no-padding{padding:0}.dialog-info-action-wrapper-settings-icon{border-radius:4px;padding:4px;display:flex;flex-direction:row;gap:0;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;position:relative}.dialog-info-action-wrapper-settings-subtitle{color:var(--main-text, #0b1b0f);text-align:left;font:var(--body-body-large);position:relative;flex:1;display:flex;align-items:center;justify-content:flex-start}.dialog-info-action-wrapper-settings-contents{flex-shrink:0;width:24px;height:24px;position:relative;overflow:visible}.dialog-info-action-wrapper-settings-right{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-end;flex-shrink:0;position:relative}.dialog-info-action-wrapper-settings-right-badge{background:var(--disabled-elements, #bcc1c5);border-radius:30px;padding:2px 6px 2px 6px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;flex-shrink:0;position:relative}.dialog-info-action-wrapper-settings-right-badge-title{color:var(--color-background, #ffffff);text-align:center;font:var(--label-label-medium);position:relative;padding:0 5px 0 5px}.dialog-info-leave{fill:var(--error);border-bottom:1px solid var(--divider);cursor:pointer}.dialog-info-leave--disable{fill:var(--disabled-elements);cursor:default}.dialog-info-members{fill:var(--main-elements);border-bottom:1px solid var(--divider)}.dialog-info-action-wrapper-button{border:1px solid var(--secondary-elements);color:var(--secondary-elements)}.dialog-info-action-wrapper-button:active{border:1px solid var(--secondary-elements);color:var(--secondary-elements)}.dialog-info-action-wrapper-button:focus{border:1px solid var(--secondary-elements)}`, ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -58153,7 +58153,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.message-attachment-video-body{max-hei
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.text-field,.text-field *{box-sizing:border-box}.text-field__label{font-family:"Roboto";font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px}.text-field__wrapper{background-color:var(--color-background);display:flex;align-items:center;border-radius:4px;border:1px solid var(--tertiary-elements);margin-top:8px;padding:6px 8px}.text-field__wrapper:active{border:1px solid var(--main-elements)}.text-field__icon{margin-right:6px}.text-field__input{width:100%;border:none;outline:none;font-family:"Roboto";font-weight:400;font-size:16px;line-height:24px;letter-spacing:.15px}.text-field__input:disabled{background-color:rgba(0,0,0,0);cursor:not-allowed;border:none;color:inherit}.text-field__input::placeholder{color:var(--secondary-text)}.text-field__reset{width:24px;height:24px;fill:var(--tertiary-elements);cursor:pointer}.text-field--disabled *,.text-field--disabled .text-field__label .text-field__reset{color:var(--disabled-elements);fill:var(--disabled-elements);cursor:not-allowed}.text-field--disabled .text-field__wrapper{background-color:var(--incoming-background);border:none}.text-field--disabled .text-field__wrapper:active{border:none}.text-field--disabled .text-field__input::placeholder{color:var(--disabled-elements)}.text-field__loader{fill:var(--color-icon)}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.text-field,.text-field *{box-sizing:border-box}.text-field__label{font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px}.text-field__wrapper{display:flex;align-items:center;border-radius:4px;border:1px solid var(--tertiary-elements);margin-top:8px;padding:6px 8px}.text-field__wrapper:active{border:1px solid var(--main-elements)}.text-field__icon{margin-right:6px}.text-field__input{width:100%;border:none;outline:none;font-weight:400;font-size:16px;line-height:24px;letter-spacing:.15px;background:var(--main-background);color:var(--color-font)}.text-field__input:disabled{background-color:rgba(0,0,0,0);cursor:not-allowed;border:none;color:inherit}.text-field__input::placeholder{color:var(--secondary-text)}.text-field__reset{width:24px;height:24px;fill:var(--tertiary-elements);cursor:pointer}.text-field--disabled *,.text-field--disabled .text-field__label .text-field__reset{color:var(--disabled-elements);fill:var(--disabled-elements);cursor:not-allowed}.text-field--disabled .text-field__wrapper{background-color:var(--incoming-background);border:none}.text-field--disabled .text-field__wrapper:active{border:none}.text-field--disabled .text-field__input::placeholder{color:var(--disabled-elements)}.text-field__loader{fill:var(--color-icon)}`, ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -58176,7 +58176,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.text-field,.text-field *{box-sizing:b
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 16px;height:32px;border-radius:4px;flex:none;order:1;flex-grow:0;font-family:"Roboto";font-style:normal;font-weight:700;font-size:14px;line-height:16px;letter-spacing:.4px;cursor:pointer;border:none;outline:none}.button,.button *{box-sizing:border-box}.button--default{color:var(--secondary-background);background-color:var(--main-elements)}.button--default:hover{background-color:var(--color-default-hover)}.button--default:focus{outline:2px solid var(--color-background-info)}.button--default:active{background-color:var(--color-default-hover);color:var(--color-background-info)}.button--default.button--disabled{cursor:not-allowed;background-color:var(--disabled-elements);color:var(--secondary-text)}.button--outlined{background-color:inherit;border:1px solid var(--main-elements);color:var(--main-elements)}.button--outlined:hover{background-color:var(--outgoing-background)}.button--outlined:focus{border:2px solid var(--color-background-info)}.button--outlined:active{border:1px solid var(--main-elements);color:var(--main-elements)}.button--outlined.button--disabled{cursor:not-allowed;border:1px solid var(--disabled-elements);color:var(--disabled-elements)}.button--danger{background-color:var(--error);color:var(--secondary-background)}.button--danger:focus{outline:2px solid var(--error-secondary)}.button--danger:active{color:var(--error-secondary)}.button--danger.button--disabled{cursor:not-allowed;background-color:var(--disabled-elements);color:var(--secondary-text)}.button--text{background-color:inherit;color:var(--main-elements)}.button--text:focus{outline:2px solid var(--color-background-info)}.button--text:active{color:var(--color-default-hover)}.button--text.button--disabled{cursor:not-allowed;color:var(--disabled-elements)}.button__loader--default{fill:var(--secondary-background)}.button__loader--outlined{fill:var(--main-elements)}.button__loader--danger{fill:var(--secondary-background)}.button__loader--text{fill:var(--disabled-elements)}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 16px;height:32px;border-radius:4px;flex:none;order:1;flex-grow:0;font-style:normal;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.4px;cursor:pointer;border:none;outline:none}.button,.button *{box-sizing:border-box}.button--default{color:var(--system);background-color:var(--main-elements)}.button--default:hover{background-color:var(--color-default-hover)}.button--default:focus{outline:2px solid var(--color-background-info)}.button--default:active{background-color:var(--color-default-hover);color:var(--color-background-info)}.button--default.button--disabled{cursor:not-allowed;background-color:var(--disabled-elements);color:var(--secondary-text)}.button--outlined{background-color:inherit;border:1px solid var(--main-text);color:var(--main-text)}.button--outlined:hover{background-color:var(--outgoing-background)}.button--outlined:focus{border:2px solid var(--color-background-info)}.button--outlined:active{border:1px solid var(--main-elements);color:var(--main-elements)}.button--outlined.button--disabled{cursor:not-allowed;border:1px solid var(--disabled-elements);color:var(--disabled-elements)}.button--danger{background-color:var(--error);color:var(--secondary-background)}.button--danger:focus{outline:2px solid var(--error-secondary)}.button--danger:active{color:var(--error-secondary)}.button--danger.button--disabled{cursor:not-allowed;background-color:var(--disabled-elements);color:var(--secondary-text)}.button--text{background-color:inherit;color:var(--main-elements)}.button--text:focus{outline:2px solid var(--color-background-info)}.button--text:active{color:var(--color-default-hover)}.button--text.button--disabled{cursor:not-allowed;color:var(--disabled-elements)}.button__loader--default{fill:var(--secondary-background)}.button__loader--outlined{fill:var(--main-elements)}.button__loader--danger{fill:var(--secondary-background)}.button__loader--text{fill:var(--disabled-elements)}`, ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -58331,7 +58331,7 @@ module.exports = domAPI;
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.container-invite-members{min-height:504px;max-height:504px;height:504px;width:var(--max-width-dialog-list);display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.container-invite-members--add-members-container{min-height:504px;max-height:504px;height:504px;width:var(--max-width-dialog-list)}.container-invite-members--add-members-container--loader{align-items:center;justify-content:center;display:flex}.container-invite-members--add-members-container--wrapper{min-height:432px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.container-invite-members--add-members-container--wrapper__inf{min-height:20px;font-family:"Roboto";font-style:normal;font-weight:500;font-size:14px;line-height:20px;display:flex;letter-spacing:.1px;color:var(--main-elements);margin-top:24px}.container-invite-members--add-members-container--wrapper__members{display:flex;max-height:326px;height:356px;font-family:"Roboto";font-style:normal;font-weight:500;font-size:14px;line-height:20px;letter-spacing:.1px;color:var(--main-elements);margin-top:8px;width:100%;align-items:center}.container-invite-members--add-members-container--wrapper__members__empty-members{display:flex;flex-direction:column;align-items:center;padding:0px;gap:16px;width:100%;height:100px}.container-invite-members--add-members-container--wrapper__members__list{height:290px;max-height:290px;min-height:290px}.container-invite-members--add-members-container--wrapper__dialog-name-input{margin-top:8px;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;text-align:center;padding:8px;width:268px;height:44px;border:1px solid #90979f;border-radius:4px;background-color:var(--main-background);color:var(--secondary-text)}.container-invite-members--add-members-container--wrapper__dialog-name-input input{color:var(--secondary-text);background-color:var(--main-background);margin-left:6px;margin-right:6px;font-family:"Roboto";font-style:normal;font-weight:400;font-size:16px;line-height:24px;display:flex;align-items:center;letter-spacing:.15px;border:none;outline:none}.container-invite-members--add-members-container--wrapper__icon{width:24px;height:24px;cursor:pointer;fill:var(--tertiary-elements)}.container-invite-members--add-members-container--wrapper__icon svg path{fill:var(--tertiary-elements)}.container-invite-members--btn-container{min-height:32px;max-height:32px;height:32px;width:100%;min-height:34px;margin-top:24px;margin-bottom:24px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:flex-end}.container-invite-members-loader{fill:var(--color-icon)}.filtered-text-field{width:100%;background-color:var(--main-background);color:var(--secondary-text)}.filtered-text-field__icon{width:24px;height:24px;cursor:pointer;fill:var(--tertiary-elements)}.filtered-text-field__icon svg path{fill:var(--tertiary-elements)}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.container-invite-members{min-height:504px;max-height:504px;height:504px;width:var(--max-width-dialog-list);display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.container-invite-members .disabled{color:var(--secondary-text)}.container-invite-members--add-members-container{min-height:504px;max-height:504px;height:504px;width:var(--max-width-dialog-list)}.container-invite-members--add-members-container--loader{align-items:center;justify-content:center;display:flex}.container-invite-members--add-members-container--wrapper{min-height:432px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.container-invite-members--add-members-container--wrapper__inf{min-height:20px;font-style:normal;font-weight:500;font-size:14px;line-height:20px;display:flex;letter-spacing:.1px;color:var(--main-elements);margin-top:24px}.container-invite-members--add-members-container--wrapper__members{display:flex;max-height:326px;height:356px;font-family:"Roboto";font-style:normal;font-weight:500;font-size:14px;line-height:20px;letter-spacing:.1px;color:var(--main-elements);margin-top:8px;width:100%;align-items:center}.container-invite-members--add-members-container--wrapper__members__empty-members{display:flex;flex-direction:column;align-items:center;padding:0px;gap:16px;width:100%;height:100px}.container-invite-members--add-members-container--wrapper__members__list{height:290px;max-height:290px;min-height:290px}.container-invite-members--add-members-container--wrapper__dialog-name-input{margin-top:8px;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;text-align:center;padding:8px;width:268px;height:44px;border:1px solid #90979f;border-radius:4px;background-color:var(--main-background);color:var(--secondary-text)}.container-invite-members--add-members-container--wrapper__dialog-name-input input{color:var(--secondary-text);background-color:var(--main-background);margin-left:6px;margin-right:6px;font-style:normal;font-weight:400;font-size:16px;line-height:24px;display:flex;align-items:center;letter-spacing:.15px;border:none;outline:none}.container-invite-members--add-members-container--wrapper__icon{width:24px;height:24px;cursor:pointer;fill:var(--tertiary-elements)}.container-invite-members--add-members-container--wrapper__icon svg path{fill:var(--tertiary-elements)}.container-invite-members--btn-container{max-height:32px;height:32px;width:100%;min-height:34px;margin-top:24px;margin-bottom:24px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:flex-end}.container-invite-members-loader{fill:var(--color-icon)}.filtered-text-field{width:100%;background-color:var(--main-background);color:var(--secondary-text)}.filtered-text-field__icon{width:24px;height:24px;cursor:pointer;fill:var(--tertiary-elements)}.filtered-text-field__icon svg path{fill:var(--tertiary-elements)}`, ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -58446,7 +58446,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.dialog-preview-container{display:flex
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.dialog-header{width:100%;padding:12px 16px 12px 20px;display:flex;align-items:center;gap:33px}.dialog-header,.dialog-header *{box-sizing:border-box}.dialog-header__icon{cursor:pointer;width:24px;height:24px;flex-shrink:0}.dialog-header__icon svg{width:24px;height:24px}.dialog-header__back{color:var(--main-elements)}.dialog-header__body{width:100%;display:flex;gap:33px;align-items:center;justify-content:space-between;overflow:hidden}.dialog-header__body-left{display:flex;align-items:center;justify-content:flex-start;gap:8px;overflow:hidden}.dialog-header__body-right{height:24px;display:flex;align-items:center;gap:16px}.dialog-header__title{color:var(--main-text, #0b1b0f);text-align:left;font:var(--title-title-medium);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dialog-header__line{border-style:solid;border-color:var(--color-divider, #e7efff);border-width:0 0 1px 0}@media only screen and (max-width: var(--min-width-screen-desktop)){.dialog-header__body-left{gap:3px}}@media only screen and (min-width: 981px){.dialog-header__back{display:none}}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.dialog-header{width:100%;padding:12px 16px 12px 20px;display:flex;align-items:center;gap:33px}.dialog-header,.dialog-header *{box-sizing:border-box}.dialog-header__icon{cursor:pointer;width:24px;height:24px;flex-shrink:0}.dialog-header__icon svg{width:24px;height:24px;fill:var(--main-elements)}.dialog-header__back{color:var(--main-text);fill:var(--main-text)}.dialog-header__body{width:100%;display:flex;gap:33px;align-items:center;justify-content:space-between;overflow:hidden}.dialog-header__body-left{display:flex;align-items:center;justify-content:flex-start;gap:8px;overflow:hidden}.dialog-header__body-right{height:24px;display:flex;align-items:center;gap:16px}.dialog-header__title{color:var(--main-text, #0b1b0f);text-align:left;font:var(--title-title-medium);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dialog-header__line{border-style:solid;border-color:var(--color-divider, #e7efff);border-width:0 0 1px 0}@media only screen and (max-width: var(--min-width-screen-desktop)){.dialog-header__body-left{gap:3px}}@media only screen and (min-width: 981px){.dialog-header__back{display:none}}`, ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -59216,7 +59216,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.system-date-banner-chat-banner{backgr
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.avatar{display:flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background-color:var(--disabled-elements);color:var(--secondary-text)}.avatar,.avatar *{box-sizing:border-box}.avatar svg{height:100%;width:100%;fill:var(--secondary-text);padding:10px}.avatar__image{object-fit:cover;width:100%;height:100%}.avatar--xs{width:32px;height:32px}.avatar--sm{width:36px;height:36px}.avatar--md{width:40px;height:40px}.avatar--lg{width:56px;height:56px}.avatar--xl{width:64px;height:64px}.avatar--xxl{width:80px;height:80px}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.avatar{display:flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background-color:var(--disabled-elements);color:var(--secondary-text)}.avatar,.avatar *{box-sizing:border-box}.avatar svg{height:26px;width:26px;fill:var(--tertiary-elements)}.avatar__image{object-fit:cover;width:100%;height:100%}.avatar--xs{width:32px;height:32px}.avatar--sm{width:36px;height:36px}.avatar--md{width:40px;height:40px}.avatar--lg{width:56px;height:56px}.avatar--lg svg{height:33px;width:33px}.avatar--xl{width:64px;height:64px}.avatar--xxl{width:80px;height:80px}`, ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -59239,7 +59239,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.avatar{display:flex;flex-shrink:0;ali
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.members-container-header,.members-container-header *{box-sizing:border-box}.members-container-header{background:var(--color-background, #ffffff);padding:16px 16px 16px 24px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;flex-shrink:0;position:relative;border-style:solid;border-color:var(--color-divider, #e7efff);border-width:0 0 1px 0;height:64px}.members-container-header-left{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative}.members-container-header-left-headline{color:var(--main-text, #0b1b0f);text-align:left;font:var(--title-title-large);position:relative}.members-container-header-left-headline-badge{background:var(--disabled-elements, #bcc1c5);border-radius:30px;padding:2px 6px 2px 6px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;flex-shrink:0;position:relative}.members-container-header-left-headline-badge-value{color:var(--color-background, #ffffff);text-align:center;font:var(--label-label-medium);position:relative}.members-container-header-icon{border-radius:4px;padding:4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;position:relative;cursor:pointer}.members-container-members-list-wrapper{display:flex}.members-container-text-field{padding:16px}.members-container-text-field-icon{width:24px;height:24px;fill:var(--tertiary-elements)}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.members-container-header,.members-container-header *{box-sizing:border-box}.members-container-header{padding:16px 16px 16px 24px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;flex-shrink:0;position:relative;border-style:solid;border-color:var(--color-divider, #e7efff);border-width:0 0 1px 0;height:64px}.members-container-header-left{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative}.members-container-header-left-headline{color:var(--main-text, #0b1b0f);text-align:left;font:var(--title-title-large);position:relative}.members-container-header-left-headline-badge{background:var(--disabled-elements, #bcc1c5);border-radius:30px;padding:2px 6px 2px 6px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;flex-shrink:0;position:relative}.members-container-header-left-headline-badge-value{color:var(--color-background, #ffffff);text-align:center;font:var(--label-label-medium);position:relative}.members-container-header-icon{border-radius:4px;padding:4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;position:relative;cursor:pointer}.members-container-members-list-wrapper{display:flex}.members-container-text-field{padding:16px}.members-container-text-field-icon{width:24px;height:24px;fill:var(--tertiary-elements)}`, ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -59323,15 +59323,13 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.main-button {
   flex: none;
   order: 1;
   flex-grow: 0;
-
-  font-family: 'Roboto';
   font-style: normal;
-  font-weight: 700;
+  font-weight: 500;
   font-size: 14px;
   line-height: 16px;
   letter-spacing: 0.4px;
 
-  color: var(--main-background);
+  color: var(--system);
 
   border: none;
   outline: none;
@@ -59351,9 +59349,8 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.main-button {
   flex: none;
   order: 1;
   flex-grow: 0;
-  font-family: 'Roboto';
   font-style: normal;
-  font-weight: 700;
+  font-weight: 500;
   font-size: 14px;
   line-height: 16px;
   letter-spacing: 0.4px;
@@ -59379,9 +59376,8 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.main-button {
   order: 0;
   flex-grow: 0;
 
-  font-family: 'Roboto';
   font-style: normal;
-  font-weight: 700;
+  font-weight: 500;
   font-size: 14px;
   line-height: 16px;
   letter-spacing: 0.4px;
@@ -59400,9 +59396,8 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.main-button {
   flex: none;
   order: 1;
   flex-grow: 0;
-  font-family: 'Roboto';
   font-style: normal;
-  font-weight: 700;
+  font-weight: 500;
   font-size: 14px;
   line-height: 16px;
   letter-spacing: 0.4px;
@@ -59434,7 +59429,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.main-button {
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.bubble-content-text{overflow-wrap:break-word;max-width:calc(var(--max-width-message-bubble) - 20px);padding:0 12px 0 12px;color:var(--main-tex, #0b1b0f);text-align:left;font:var(--body-body-medium, 400 14px/20px "Roboto-Regular", sans-serif)}.text-bubble-background__incoming{background:var(--incoming-background, #e4e6e8);border-radius:22px 22px 22px 0;padding:8px 0 8px 0;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative;width:100%}.text-bubble-background__outgoing{background:var(--outgoing-background, #E7EFFF);border-radius:22px 22px 0px 22px;padding:8px 12px 8px 12px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.bubble-content-text{overflow-wrap:break-word;max-width:calc(var(--max-width-message-bubble) - 20px);padding:0 12px 0 12px;color:var(--main-text, #0b1b0f);text-align:left;font:var(--body-body-medium, 400 14px/20px "Roboto-Regular", sans-serif)}.text-bubble-background__incoming{background:var(--incoming-background, #e4e6e8);color:var(--main-text);border-radius:22px 22px 22px 0;padding:8px 0 8px 0;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative;width:100%}.text-bubble-background__outgoing{background:var(--outgoing-background, #E7EFFF);color:var(--main-text);border-radius:22px 22px 0px 22px;padding:8px 12px 8px 12px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}`, ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -69837,30 +69832,30 @@ const SvgCameraOn = props => /*#__PURE__*/React.createElement("svg", camera_onre
 var check_offreact_path;
 function check_offreact_extends() { return check_offreact_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, check_offreact_extends.apply(null, arguments); }
 
-const SvgCheckOff = props => /*#__PURE__*/React.createElement("svg", check_offreact_extends({
+const SvgCheckOff = props => /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement("svg", check_offreact_extends({
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 44 44",
   width: "1em",
   height: "1em"
-}, props), check_offreact_path || (check_offreact_path = /*#__PURE__*/React.createElement("path", {
+}, props), check_offreact_path || (check_offreact_path = /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement("path", {
   d: "M34.833 5.5H9.167A3.677 3.677 0 0 0 5.5 9.167v25.666A3.677 3.677 0 0 0 9.167 38.5h25.666a3.677 3.677 0 0 0 3.667-3.667V9.167A3.677 3.677 0 0 0 34.833 5.5m0 29.333H9.167V9.167h25.666z"
 })));
-/* harmony default export */ const check_offreact = ((/* unused pure expression or super */ null && (SvgCheckOff)));
+/* harmony default export */ const check_offreact = (SvgCheckOff);
 ;// ./src/Presentation/icons/toggle/check-on.svg?react
 var check_onreact_path;
 function check_onreact_extends() { return check_onreact_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, check_onreact_extends.apply(null, arguments); }
 
-const SvgCheckOn = props => /*#__PURE__*/React.createElement("svg", check_onreact_extends({
+const SvgCheckOn = props => /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement("svg", check_onreact_extends({
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 44 44",
   width: "1em",
   height: "1em"
-}, props), check_onreact_path || (check_onreact_path = /*#__PURE__*/React.createElement("path", {
+}, props), check_onreact_path || (check_onreact_path = /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement("path", {
   fillRule: "evenodd",
   d: "M34.833 5.5H9.167A3.677 3.677 0 0 0 5.5 9.167v25.666A3.677 3.677 0 0 0 9.167 38.5h25.666a3.677 3.677 0 0 0 3.667-3.667V9.167A3.677 3.677 0 0 0 34.833 5.5m-4.436 8.397 2.585 2.603-14.667 14.667-7.333-7.315 2.603-2.585 4.73 4.711z",
   clipRule: "evenodd"
 })));
-/* harmony default export */ const check_onreact = ((/* unused pure expression or super */ null && (SvgCheckOn)));
+/* harmony default export */ const check_onreact = (SvgCheckOn);
 ;// ./src/Presentation/icons/toggle/favorite.svg?react
 var favoritereact_path;
 function favoritereact_extends() { return favoritereact_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, favoritereact_extends.apply(null, arguments); }
@@ -70659,7 +70654,6 @@ var Avatar_update = injectStylesIntoStyleTag_default()(Avatar/* default */.A, Av
 
 
 
-console.log('UserSvg:', userreact); // <-- Добавляем отладку
 function Avatar_Avatar_Avatar({ icon = (0,jsx_runtime_.jsx)(userreact, {}), size = 'md', className, src, }) {
     if (src) {
         return ((0,jsx_runtime_.jsx)("div", { className: classnames_default()('avatar', `avatar--${size}`, className), children: (0,jsx_runtime_.jsx)("img", { src: src, className: "avatar__image", alt: "Avatar" }) }));
@@ -70782,8 +70776,12 @@ var CheckBox_update = injectStylesIntoStyleTag_default()(CheckBox/* default */.A
 ;// ./src/Presentation/ui-components/CheckBox/CheckBox.tsx
 
 
+
+
 function CheckBox_CheckBox_CheckBox({ disabled, checked, onChange, }) {
-    return ((0,jsx_runtime_.jsx)("input", { className: "checkbox", type: "checkbox", checked: checked, disabled: disabled, onChange: () => onChange?.(!checked) }));
+    return ((0,jsx_runtime_.jsxs)("label", { className: classnames_default()('checkbox-field', {
+            'disabled': disabled
+        }), children: [checked ? (0,jsx_runtime_.jsx)(check_onreact, { className: "icon-checkmark" }) : (0,jsx_runtime_.jsx)(check_offreact, { className: "icon-check" }), (0,jsx_runtime_.jsx)("input", { type: "checkbox", onChange: () => onChange?.(!checked), disabled: disabled })] }));
 }
 
 // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/DialogBanner/DialogBanner.scss
@@ -72454,6 +72452,7 @@ const NotFoundContent_NotFoundContent_NotFoundContent = ({ message, }) => {
 
 
 
+
 // eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars
 const InviteMembers_InviteMembers_InviteMembers = ({ typeDialog, idOwnerDialog, typeAddEditDialog, applyInviteUsersHandler, participants, cancelInviteMembersHandler, }) => {
     const userPerPage = 12;
@@ -72469,6 +72468,9 @@ const InviteMembers_InviteMembers_InviteMembers = ({ typeDialog, idOwnerDialog,
     (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useEffect)(() => {
         userViewModel.getUsers(new Pagination(0, userPerPage));
     }, []);
+    (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useEffect)(() => {
+        setCountSelected(getUsersForIncludeInDialog().length);
+    }, [Object.entries(selectedItems).length]);
     const fetchMoreData = () => {
         if (userViewModel.pagination.hasNextPage()) {
             const newPagination = userViewModel.pagination;
@@ -72518,12 +72520,14 @@ const InviteMembers_InviteMembers_InviteMembers = ({ typeDialog, idOwnerDialog,
     };
     const handleUserListItemChange = (userId, value) => {
         setSelectedItems((prevState) => {
-            return {
-                ...prevState,
-                [userId]: { isChecked: value, userid: userId },
-            };
+            const updatedState = { ...prevState, [userId]: { isChecked: value, userid: userId } };
+            Object.keys(updatedState).forEach((key) => {
+                if (!updatedState[Number(key)].isChecked) {
+                    delete updatedState[Number(key)];
+                }
+            });
+            return updatedState;
         });
-        setCountSelected(getUsersForIncludeInDialog().length);
     };
     const [userNameForFilter, setUserNameForFilter] = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)('');
     const inputRef = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useRef)(null);
@@ -72548,7 +72552,9 @@ const InviteMembers_InviteMembers_InviteMembers = ({ typeDialog, idOwnerDialog,
     }, [userViewModel.filter]);
     return ((0,jsx_runtime_.jsx)(containers_ColumnContainer_ColumnContainer, { gapBetweenItem: "8px", children: (0,jsx_runtime_.jsx)("div", { className: "container-invite-members", children: (0,jsx_runtime_.jsxs)("div", { className: "container-invite-members--add-members-container", children: [(0,jsx_runtime_.jsxs)("div", { className: "container-invite-members--add-members-container--wrapper", children: [(0,jsx_runtime_.jsx)(ui_components_TextField_TextField, { ref: inputRef, className: "filtered-text-field", disabled: userViewModel.loading, placeholder: "Search", icon: (0,jsx_runtime_.jsx)(searchreact, { className: "filtered-text-field__icon" }), value: userNameForFilter, onChange: (value) => {
                                     setUserNameForFilter(value);
-                                } }), (0,jsx_runtime_.jsxs)("div", { className: "container-invite-members--add-members-container--wrapper__inf", children: [countSelectedItems, " selected"] }), (0,jsx_runtime_.jsx)("div", { className: "container-invite-members--add-members-container--wrapper__members", children: (0,jsx_runtime_.jsxs)(containers_ColumnContainer_ColumnContainer, { children: [userViewModel?.loading && ((0,jsx_runtime_.jsx)("div", { className: "container-invite-members--add-members-container--loader", children: (0,jsx_runtime_.jsx)("div", { style: {
+                                } }), (0,jsx_runtime_.jsxs)("div", { className: classnames_default()("container-invite-members--add-members-container--wrapper__inf", {
+                                    "disabled": countSelectedItems < 1
+                                }), children: [countSelectedItems, " selected"] }), (0,jsx_runtime_.jsx)("div", { className: "container-invite-members--add-members-container--wrapper__members", children: (0,jsx_runtime_.jsxs)(containers_ColumnContainer_ColumnContainer, { children: [userViewModel?.loading && ((0,jsx_runtime_.jsx)("div", { className: "container-invite-members--add-members-container--loader", children: (0,jsx_runtime_.jsx)("div", { style: {
                                                     height: '44px',
                                                     width: '44px',
                                                 }, children: (0,jsx_runtime_.jsx)(Loader_Loader_Loader, { size: "md", className: "container-invite-members-loader" }) }) })), userViewModel?.error && !userViewModel?.loading && ((0,jsx_runtime_.jsx)(Placeholders_ErrorComponent_ErrorComponent, { title: userViewModel?.error, ClickActionHandler: () => {
@@ -75189,7 +75195,7 @@ const ActiveButton = ({ content, touchAction, clickAction, }) => {
 
 // eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars
 const CreateDialog_CreateDialog_CreateDialog = ({ createPrivateDialogOnClick, createPrivateDialogOnTouch, createGroupDialogOnClick, createGroupDialogOnTouch, createPublicDialogOnClick, createPublicDialogOnTouch, }) => {
-    return ((0,jsx_runtime_.jsxs)(containers_ColumnContainer_ColumnContainer, { gapBetweenItem: "8px", children: [(0,jsx_runtime_.jsx)(ActiveButton_ActiveButton, { content: (0,jsx_runtime_.jsxs)("div", { className: "item-type-dialog", children: [(0,jsx_runtime_.jsx)("div", { className: "item-type-dialog-icon", children: (0,jsx_runtime_.jsx)(Contents_Chat, { width: "24", height: "24", applyZoom: true }) }), (0,jsx_runtime_.jsx)("div", { className: "item-type-dialog-name", children: "Private" })] }), clickAction: createPrivateDialogOnClick, touchAction: createPrivateDialogOnTouch }), (0,jsx_runtime_.jsx)(ActiveButton_ActiveButton, { content: (0,jsx_runtime_.jsxs)("div", { className: "item-type-dialog", children: [(0,jsx_runtime_.jsx)("div", { className: "item-type-dialog-icon", children: (0,jsx_runtime_.jsx)(Contents_GroupChat, { width: "32", height: "32", applyZoom: true }) }), (0,jsx_runtime_.jsx)("div", { className: "item-type-dialog-name", children: "Group" })] }), clickAction: createGroupDialogOnClick, touchAction: createGroupDialogOnTouch }), (0,jsx_runtime_.jsx)(ActiveButton_ActiveButton, { content: (0,jsx_runtime_.jsxs)("div", { className: "item-type-dialog", children: [(0,jsx_runtime_.jsx)("div", { className: "item-type-dialog-icon", children: (0,jsx_runtime_.jsx)(Contents_PublicChannel, { width: "32", height: "32", applyZoom: true }) }), (0,jsx_runtime_.jsx)("div", { className: "item-type-dialog-name", children: "Public" })] }), clickAction: createPublicDialogOnClick, touchAction: createPublicDialogOnTouch })] }));
+    return ((0,jsx_runtime_.jsx)("div", { className: "create-dialog-container", children: (0,jsx_runtime_.jsxs)(containers_ColumnContainer_ColumnContainer, { gapBetweenItem: "8px", children: [(0,jsx_runtime_.jsx)(ActiveButton_ActiveButton, { content: (0,jsx_runtime_.jsxs)("div", { className: "item-type-dialog", children: [(0,jsx_runtime_.jsx)("div", { className: "item-type-dialog-icon", children: (0,jsx_runtime_.jsx)(Contents_Chat, { width: "24", height: "24", applyZoom: true }) }), (0,jsx_runtime_.jsx)("div", { className: "item-type-dialog-name", children: "Private" })] }), clickAction: createPrivateDialogOnClick, touchAction: createPrivateDialogOnTouch }), (0,jsx_runtime_.jsx)(ActiveButton_ActiveButton, { content: (0,jsx_runtime_.jsxs)("div", { className: "item-type-dialog", children: [(0,jsx_runtime_.jsx)("div", { className: "item-type-dialog-icon", children: (0,jsx_runtime_.jsx)(Contents_GroupChat, { width: "32", height: "32", applyZoom: true }) }), (0,jsx_runtime_.jsx)("div", { className: "item-type-dialog-name", children: "Group" })] }), clickAction: createGroupDialogOnClick, touchAction: createGroupDialogOnTouch }), (0,jsx_runtime_.jsx)(ActiveButton_ActiveButton, { content: (0,jsx_runtime_.jsxs)("div", { className: "item-type-dialog", children: [(0,jsx_runtime_.jsx)("div", { className: "item-type-dialog-icon", children: (0,jsx_runtime_.jsx)(Contents_PublicChannel, { width: "32", height: "32", applyZoom: true }) }), (0,jsx_runtime_.jsx)("div", { className: "item-type-dialog-name", children: "Public" })] }), clickAction: createPublicDialogOnClick, touchAction: createPublicDialogOnTouch })] }) }));
 };
 /* harmony default export */ const Flow_CreateDialog_CreateDialog = (CreateDialog_CreateDialog_CreateDialog);
 
@@ -75285,7 +75291,7 @@ const CreateNewDialogFlow = ({ dialogsViewModel, onFinished, onCancel, isOnline,
             onCancel();
         }
     };
-    return ((0,jsx_runtime_.jsxs)("div", { children: [(0,jsx_runtime_.jsx)("div", { style: {
+    return ((0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, { children: [(0,jsx_runtime_.jsx)("div", { style: {
                     position: 'absolute',
                     top: '0',
                     left: '0',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quickblox-react-ui-kit",
-  "version": "0.5.0-beta.1",
+  "version": "0.5.0-beta.2",
   "main": "dist/index-ui.js",
   "types": "dist/index-ui.d.ts",
   "license": "MIT",

package/src/Presentation/Views/DialogInfo/DialogInfo.scss

@@ -1,18 +1,11 @@
 $dialog-information-container-height: 800px;
 $dialog-information-container-dialog-information-height: 64px;
 
-.dialog-information-container {
-  // min-height: $dialog-information-container-height;
-  // max-height: $dialog-information-container-height;
-  // height: $dialog-information-container-height;
-  // border: 1px solid var(--divider);
-}
 .header-dialog-info,
 .header-dialog-info * {
   box-sizing: border-box;
 }
 .header-dialog-info {
-  background: var(--color-background, #ffffff);
   padding: 16px 16px 16px 24px;
   display: flex;
   flex-direction: row;
@@ -41,7 +34,6 @@ $dialog-information-container-dialog-information-height: 64px;
   box-sizing: border-box;
 }
 .dialog-information-profile {
-  background: var(--color-background, #ffffff);
   padding: 24px 0px 24px 0px;
   align-self: stretch;
   flex-flow: column;
@@ -51,9 +43,7 @@ $dialog-information-container-dialog-information-height: 64px;
   border-bottom: 1px solid var(--divider);
 }
 .dialog-information-profile-avatar {
-  // width: 80px;
   height: 80px;
-  // position: absolute;
   left: 140px;
   top: 24px;
 }
@@ -62,7 +52,6 @@ $dialog-information-container-dialog-information-height: 64px;
   justify-content: center;
 }
 .dialog-info-profile-avatar-ellipse {
-  background: var(--disabled-elements, #bcc1c5);
   border-radius: 50%;
   position: absolute;
   height: 81px;
@@ -70,7 +59,6 @@ $dialog-information-container-dialog-information-height: 64px;
   top: 24px;
 }
 .dialog-info-profile-avatar-contents {
-  height: auto;
   position: absolute;
   right: 17.86%;
   left: 17.86%;
@@ -85,7 +73,6 @@ $dialog-information-container-dialog-information-height: 64px;
   color: var(--main-text, #0b1b0f);
   text-align: center;
   font: var(--title-title-medium);
-  // position: absolute;
   left: 134.5px;
   top: 112px;
   display: flex;
@@ -93,18 +80,15 @@ $dialog-information-container-dialog-information-height: 64px;
   justify-content: center;
 }
 .dialog-information-profile-edit {
-  position: relative;
   right: -10px;
-  //top: 30px;
   border-radius: 4px;
   padding: 8px 56px 0px 0px;
   display: flex;
   flex-direction: row;
-  gap: 0px;
+  gap: 0;
   align-items: center;
   justify-content: center;
   position: absolute;
-  //left: 294px;
   top: 8px;
 }
 .dialog-information-profile-edit-button {
@@ -149,7 +133,7 @@ $dialog-information-container-dialog-information-height: 64px;
   padding: 4px;
   display: flex;
   flex-direction: row;
-  gap: 0px;
+  gap: 0;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
@@ -202,7 +186,7 @@ $dialog-information-container-dialog-information-height: 64px;
   text-align: center;
   font: var(--label-label-medium);
   position: relative;
-  padding: 0px 5px 0px 5px;
+  padding: 0 5px 0 5px;
 }
 
 .dialog-info-leave {

package/src/Presentation/Views/DialogInfo/DialogMemberButton/DialogMembersButton.scss

@@ -1,41 +1,24 @@
 .dialog-members-btn {
   box-sizing: border-box;
 
-  /* Auto layout */
-
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   padding: 8px 10px;
-
-  // width: 143px;
   height: 32px;
 
-  /* Secondary/Secondary-500 */
 
   border: 1px solid var(--secondary-elements);
   border-radius: 4px;
-
-  /* Inside auto layout */
-
   flex: none;
   order: 0;
   flex-grow: 0;
-
-  /* Button/Default */
-
-  font-family: 'Roboto';
   font-style: normal;
   font-weight: 700;
   font-size: 14px;
   line-height: 16px;
-  /* identical to box height, or 114% */
-
   letter-spacing: 0.4px;
-
-  /* Secondary/Secondary-500 */
-
   color: var(--secondary-elements);
 
   cursor: pointer;

package/src/Presentation/Views/DialogInfo/MembersList/MembersList.scss

@@ -6,7 +6,6 @@ $members-container-header-height: 64px;
   box-sizing: border-box;
 }
 .members-container-header {
-  background: var(--color-background, #ffffff);
   padding: 16px 16px 16px 24px;
   display: flex;
   flex-direction: row;