quickblox-react-ui-kit 0.2.8 → 0.3.0-beta.2

package/storybook-static/static/css/Presentation-ui-components-Avatar-avatar-stories.807573c8.chunk.css

@@ -0,0 +1,3 @@
+.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{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}
+
+/*# sourceMappingURL=Presentation-ui-components-Avatar-avatar-stories.807573c8.chunk.css.map*/

package/storybook-static/static/css/Presentation-ui-components-Avatar-avatar-stories.807573c8.chunk.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/css/Presentation-ui-components-Avatar-avatar-stories.807573c8.chunk.css","mappings":"AAEA","sources":["webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Avatar/Avatar.scss","webpack://quickblox-react-ui-kit/./src/Presentation/themes/styles/_mixins.scss"],"sourcesContent":["@import '../../themes/styles/mixins';\n\n.avatar {\n  @include applyBorderBox;\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n\n  overflow: hidden;\n  border-radius: 50%;\n  background-color: var(--disabled-elements);\n  color: var(--secondary-text);\n\n  svg {\n    fill: var(--secondary-text);\n    padding: 10px;\n  }\n\n  &__image {\n    object-fit: cover;\n    width: 100%;\n    height: 100%;\n  }\n\n  &--xs {\n    width: 32px;\n    height: 32px;\n  }\n\n  &--sm {\n    width: 36px;\n    height: 36px;\n  }\n\n  &--md {\n    width: 40px;\n    height: 40px;\n  }\n\n  &--lg {\n    width: 56px;\n    height: 56px;\n  }\n\n  &--xl {\n    width: 64px;\n    height: 64px;\n  }\n\n  &--xxl {\n    width: 80px;\n    height: 80px;\n  }\n}\n","@mixin applyBorderBox {\n  &,\n  * {\n    box-sizing: border-box;\n  }\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/Presentation-ui-components-Badge-Badge-stories.7b8317f8.chunk.css

@@ -0,0 +1,3 @@
+.badge{display:flex;justify-content:center;align-items:center;height:20px;border-radius:30px;padding:2px 6px;font-family:"Roboto";font-weight:500;font-size:12px;line-height:16px;letter-spacing:.5px;background-color:var(--main-elements);color:var(--secondary-background)}.badge--mute{background-color:var(--disabled-elements);color:var(--secondary-background)}
+
+/*# sourceMappingURL=Presentation-ui-components-Badge-Badge-stories.7b8317f8.chunk.css.map*/

package/storybook-static/static/css/Presentation-ui-components-Badge-Badge-stories.7b8317f8.chunk.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/css/Presentation-ui-components-Badge-Badge-stories.7b8317f8.chunk.css","mappings":"AAAA","sources":["webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Badge/Badge.scss"],"sourcesContent":[".badge {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  height: 20px;\n  border-radius: 30px;\n  padding: 2px 6px;\n\n  font-family: 'Roboto';\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 16px;\n  letter-spacing: 0.5px;\n\n  background-color: var(--main-elements);\n  color: var(--secondary-background);\n\n  &--mute {\n    background-color: var(--disabled-elements);\n    color: var(--secondary-background);\n  }\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/Presentation-ui-components-Button-Button-stories.1b6e1c55.chunk.css

@@ -0,0 +1,4 @@
+.loader{animation:rotate 1s infinite linear}.loader--sm{width:24px;height:24px}.loader--md{width:48px;height:48px}.loader--lg{width:52px;height:52px}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
+.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)}
+
+/*# sourceMappingURL=Presentation-ui-components-Button-Button-stories.1b6e1c55.chunk.css.map*/

package/storybook-static/static/css/Presentation-ui-components-Button-Button-stories.1b6e1c55.chunk.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/css/Presentation-ui-components-Button-Button-stories.1b6e1c55.chunk.css","mappings":"AAAA;ACEA","sources":["webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Loader/Loader.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Button/Button.scss","webpack://quickblox-react-ui-kit/./src/Presentation/themes/styles/_mixins.scss"],"sourcesContent":[".loader {\n  &--sm {\n    width: 24px;\n    height: 24px;\n  }\n\n  &--md {\n    width: 48px;\n    height: 48px;\n  }\n\n  &--lg {\n    width: 52px;\n    height: 52px;\n  }\n\n  animation: rotate 1s infinite linear;\n\n  @keyframes rotate {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n}\n","@import '../../themes/styles/mixins';\n\n.button {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 8px 16px;\n\n  height: 32px;\n\n  border-radius: 4px;\n\n  flex: none;\n  order: 1;\n  flex-grow: 0;\n\n  font-family: 'Roboto';\n  font-style: normal;\n  font-weight: 700;\n  font-size: 14px;\n  line-height: 16px;\n  letter-spacing: 0.4px;\n\n  cursor: pointer;\n  border: none;\n  outline: none;\n  @include applyBorderBox;\n\n  &--default {\n    color: var(--secondary-background);\n    background-color: var(--main-elements);\n\n    &:hover {\n      background-color: var(--color-default-hover);\n    }\n\n    &:focus {\n      outline: 2px solid var(--color-background-info);\n    }\n\n    &:active {\n      background-color: var(--color-default-hover);\n      color: var(--color-background-info);\n    }\n\n    &.button--disabled {\n      cursor: not-allowed;\n      background-color: var(--disabled-elements);\n      color: var(--secondary-text);\n    }\n  }\n\n  &--outlined {\n    background-color: inherit;\n    border: 1px solid var(--main-elements);\n    color: var(--main-elements);\n\n    &:hover {\n      background-color: var(--outgoing-background);\n    }\n\n    &:focus {\n      border: 2px solid var(--color-background-info);\n    }\n\n    &:active {\n      border: 1px solid var(--main-elements);\n      color: var(--main-elements);\n    }\n\n    &.button--disabled {\n      cursor: not-allowed;\n      border: 1px solid var(--disabled-elements);\n      color: var(--disabled-elements);\n    }\n  }\n\n  &--danger {\n    background-color: var(--error);\n    color: var(--secondary-background);\n\n    &:focus {\n      outline: 2px solid var(--error-secondary);\n    }\n\n    &:active {\n      color: var(--error-secondary);\n    }\n\n    &.button--disabled {\n      cursor: not-allowed;\n      background-color: var(--disabled-elements);\n      color: var(--secondary-text);\n    }\n  }\n\n  &--text {\n    background-color: inherit;\n    color: var(--main-elements);\n\n    &:focus {\n      outline: 2px solid var(--color-background-info);\n    }\n\n    &:active {\n      color: var(--color-default-hover);\n    }\n\n    &.button--disabled {\n      cursor: not-allowed;\n      color: var(--disabled-elements);\n    }\n  }\n\n  &__loader {\n    &--default {\n      fill: var(--secondary-background);\n    }\n\n    &--outlined {\n      fill: var(--main-elements);\n    }\n\n    &--danger {\n      fill: var(--secondary-background);\n    }\n\n    &--text {\n      fill: var(--disabled-elements);\n    }\n  }\n}\n","@mixin applyBorderBox {\n  &,\n  * {\n    box-sizing: border-box;\n  }\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/Presentation-ui-components-DialogBanner-DialogBanner-stories.bd07fad3.chunk.css

@@ -0,0 +1,3 @@
+.dialog-banner{background:#3978fc;background:var(--main-elements, #3978fc);border-radius:4px;padding:2px 8px 2px 8px;display:flex;gap:8px;align-items:center;justify-content:center;width:100%;min-width:312px;cursor:pointer}.dialog-banner,.dialog-banner *{box-sizing:border-box}.dialog-banner__text{color:#ffffff;color:var(--color-background, #ffffff);text-align:center;font:var(--label-label-small)}.dialog-banner__navigation-icon{flex-shrink:0;width:16px;height:16px;fill:#ffffff;fill:var(--color-background, #ffffff)}
+
+/*# sourceMappingURL=Presentation-ui-components-DialogBanner-DialogBanner-stories.bd07fad3.chunk.css.map*/

package/storybook-static/static/css/Presentation-ui-components-DialogBanner-DialogBanner-stories.bd07fad3.chunk.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/css/Presentation-ui-components-DialogBanner-DialogBanner-stories.bd07fad3.chunk.css","mappings":"AAEA","sources":["webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/DialogBanner/DialogBanner.scss","webpack://quickblox-react-ui-kit/./src/Presentation/themes/styles/_mixins.scss"],"sourcesContent":["@import '../../themes/styles/mixins';\n\n.dialog-banner {\n    @include applyBorderBox;\n    background: var(--main-elements, #3978fc);\n    border-radius: 4px;\n    padding: 2px 8px 2px 8px;\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    min-width: 312px;\n    cursor: pointer;\n\n  &__text {\n    color: var(--color-background, #ffffff);\n    text-align: center;\n    font: var(--label-label-small);\n  }\n\n  &__navigation-icon {\n    flex-shrink: 0;\n    width: 16px;\n    height: 16px;\n    fill: var(--color-background, #ffffff);\n  }\n}\n\n","@mixin applyBorderBox {\n  &,\n  * {\n    box-sizing: border-box;\n  }\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories.e720ff21.chunk.css

@@ -0,0 +1,7 @@
+.dialog-item-preview{display:flex;align-items:center;padding:8px 16px;gap:16px}.dialog-item-preview,.dialog-item-preview *{box-sizing:border-box}.dialog-item-preview:hover{background:var(--divider)}.dialog-item-preview--active{box-shadow:4px 0px 0px 0px var(--primary) inset;background:var(--divider)}.dialog-item-preview__content{width:calc(100% - 72px);display:flex;flex-direction:column;gap:2px}.dialog-item-preview__content-top{display:flex;justify-content:space-between}.dialog-item-preview__content-top-title{font:500 12px/16px "Roboto", sans-serif;font:var(--label-label-medium, 500 12px/16px "Roboto", sans-serif);color:#0b1b0f;color:var(--main-text, #0b1b0f);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dialog-item-preview__content-top-date{color:#636d78;color:var(--tertiary-elements, #636d78);font:500 11px/16px "Roboto", sans-serif;font:var(--label-label-small, 500 11px/16px "Roboto", sans-serif)}.dialog-item-preview__content-bottom{display:flex;justify-content:space-between;gap:5px;height:32px}.dialog-item-preview__content-bottom-message{color:#636d78;color:var(--secondary-text, #636d78);text-align:left;font:400 12px/16px "Roboto", sans-serif;font:var(--body-body-small, 400 12px/16px "Roboto", sans-serif);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dialog-item-preview__content-bottom-controls{display:flex;align-items:center;gap:5px}.dialog-item-preview__content-bottom-controls-menu{width:24px;height:24px}
+.badge{display:flex;justify-content:center;align-items:center;height:20px;border-radius:30px;padding:2px 6px;font-family:"Roboto";font-weight:500;font-size:12px;line-height:16px;letter-spacing:.5px;background-color:var(--main-elements);color:var(--secondary-background)}.badge--mute{background-color:var(--disabled-elements);color:var(--secondary-background)}
+.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{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}
+.preview-file-message{display:flex;gap:8px;align-items:center}.preview-file-message__image{object-fit:cover;display:block;width:32px;height:32px;background:#e4e6e8;background:var(--incoming-background, #e4e6e8);border-radius:8px;flex-shrink:0}.preview-file-message__icon{fill:var(--caption);padding:6px}.preview-file-message__name{color:var(--secondary-text);text-align:left;font:400 12px/16px "Roboto",sans-serif;letter-spacing:.4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
+.dropdown{width:100%;height:100%;position:relative}.dropdown,.dropdown *{box-sizing:border-box}.dropdown__toggle{width:100%;height:100%;background:none;border:none;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;margin:0;cursor:pointer;outline:none}.dropdown__menu{background-color:var(--main-background);box-shadow:0 3px 5px 0 rgba(0,0,0,.04),0 3px 14px 0 rgba(0,0,0,.08);border-radius:4px;padding:8px 0px;margin:0;z-index:100;position:absolute;overflow:hidden;list-style-type:none;display:none}.dropdown__menu--topRight{bottom:100%}.dropdown__menu--left{top:50%;transform:translateY(-50%);right:100%}.dropdown__menu--opened{display:block}.dropdown__option{display:flex;justify-content:space-between;align-items:center;font-family:"Roboto";font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px;height:32px;width:135px;padding:4px 16px;cursor:pointer}.dropdown__label{width:100%;display:flex;align-items:center;gap:3px}
+
+/*# sourceMappingURL=Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories.e720ff21.chunk.css.map*/

package/storybook-static/static/css/Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories.e720ff21.chunk.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/css/Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories.e720ff21.chunk.css","mappings":"AAEA;AEFA;ACEA;ACFA;ACEA","sources":["webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/DialogItemPreview/DialogItemPreview.scss","webpack://quickblox-react-ui-kit/./src/Presentation/themes/styles/_mixins.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Badge/Badge.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Avatar/Avatar.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Dropdown/Dropdown.scss"],"sourcesContent":["@import '../../themes/styles/mixins';\n\n.dialog-item-preview {\n  @include applyBorderBox;\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  gap: 16px;\n\n  &:hover {\n    background: var(--divider);\n  }\n\n  &--active {\n    box-shadow: 4px 0px 0px 0px var(--primary) inset;\n    background: var(--divider);\n  }\n\n  &__content {\n    width: calc(100% - 72px);\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n\n    &-top {\n      display: flex;\n      justify-content: space-between;\n\n      &-title {\n        font: var(--label-label-medium, 500 12px/16px \"Roboto\", sans-serif);\n        color: var(--main-text, #0b1b0f);\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n      }\n\n      &-date {\n        color: var(--tertiary-elements, #636d78);\n        font: var(--label-label-small, 500 11px/16px \"Roboto\", sans-serif);\n      }\n    }\n\n    &-bottom {\n      display: flex;\n      justify-content: space-between;\n      gap: 5px;\n      height: 32px;\n\n      &-message {\n        color: var(--secondary-text, #636d78);\n        text-align: left;\n        font: var(--body-body-small, 400 12px/16px \"Roboto\", sans-serif);\n        overflow: hidden;\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n      }\n\n      &-controls {\n        display: flex;\n        align-items: center;\n        gap: 5px;\n\n        &-menu {\n          width: 24px;\n          height: 24px;\n        }\n      }\n    }\n  }\n}\n","@mixin applyBorderBox {\n  &,\n  * {\n    box-sizing: border-box;\n  }\n}\n",".badge {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  height: 20px;\n  border-radius: 30px;\n  padding: 2px 6px;\n\n  font-family: 'Roboto';\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 16px;\n  letter-spacing: 0.5px;\n\n  background-color: var(--main-elements);\n  color: var(--secondary-background);\n\n  &--mute {\n    background-color: var(--disabled-elements);\n    color: var(--secondary-background);\n  }\n}\n","@import '../../themes/styles/mixins';\n\n.avatar {\n  @include applyBorderBox;\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n\n  overflow: hidden;\n  border-radius: 50%;\n  background-color: var(--disabled-elements);\n  color: var(--secondary-text);\n\n  svg {\n    fill: var(--secondary-text);\n    padding: 10px;\n  }\n\n  &__image {\n    object-fit: cover;\n    width: 100%;\n    height: 100%;\n  }\n\n  &--xs {\n    width: 32px;\n    height: 32px;\n  }\n\n  &--sm {\n    width: 36px;\n    height: 36px;\n  }\n\n  &--md {\n    width: 40px;\n    height: 40px;\n  }\n\n  &--lg {\n    width: 56px;\n    height: 56px;\n  }\n\n  &--xl {\n    width: 64px;\n    height: 64px;\n  }\n\n  &--xxl {\n    width: 80px;\n    height: 80px;\n  }\n}\n",".preview-file-message {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n\n  &__image {\n    object-fit: cover;\n    display: block;\n    width: 32px;\n    height: 32px;\n    background: var(--incoming-background, #e4e6e8);\n    border-radius: 8px;\n    flex-shrink: 0;\n  }\n\n  &__icon {\n    fill: var(--caption);\n    padding: 6px;\n  }\n\n  &__name {\n    color: var(--secondary-text);\n    text-align: left;\n    font: 400 12px/16px \"Roboto\", sans-serif;\n    letter-spacing: 0.4px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n}\n","@import '../../themes/styles/mixins';\n\n.dropdown {\n  width: 100%;\n  height: 100%;\n  position: relative;\n\n  @include applyBorderBox;\n\n  &__toggle {\n    width: 100%;\n    height: 100%;\n    background: none;\n    border: none;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    padding: 0;\n    margin: 0;\n    cursor: pointer;\n    outline: none;\n  }\n\n  &__menu {\n    background-color: var(--main-background);\n    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04),\n      0 3px 14px 0 rgba(0, 0, 0, 0.08);\n    border-radius: 4px;\n\n    padding: 8px 0px;\n    margin: 0;\n    z-index: 100;\n    position: absolute;\n    overflow: hidden;\n    list-style-type: none;\n    display: none;\n\n    &--topRight {\n      bottom: 100%;\n    }\n\n    &--left {\n      top: 50%;\n      transform: translateY(-50%);\n      right: 100%;\n    }\n\n    &--opened {\n      display: block;\n    }\n  }\n\n  &__option {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    font-family: 'Roboto';\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 20px;\n    letter-spacing: 0.25px;\n\n    height: 32px;\n    width: 135px;\n    padding: 4px 16px;\n\n    cursor: pointer;\n  }\n\n  &__label {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    gap: 3px;\n  }\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/Presentation-ui-components-DialogWindow-DialogWindow-stories.6fb3af8d.chunk.css

@@ -0,0 +1,6 @@
+.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__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:#0b1b0f;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:#e7efff;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}}
+.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__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}
+.loader{animation:rotate 1s infinite linear}.loader--sm{width:24px;height:24px}.loader--md{width:48px;height:48px}.loader--lg{width:52px;height:52px}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
+.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)}
+
+/*# sourceMappingURL=Presentation-ui-components-DialogWindow-DialogWindow-stories.6fb3af8d.chunk.css.map*/

package/storybook-static/static/css/Presentation-ui-components-DialogWindow-DialogWindow-stories.6fb3af8d.chunk.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/css/Presentation-ui-components-DialogWindow-DialogWindow-stories.6fb3af8d.chunk.css","mappings":"AAEA;AEAA;ACFA;ACEA","sources":["webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Header/Header.scss","webpack://quickblox-react-ui-kit/./src/Presentation/themes/styles/_mixins.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/DialogWindow/DialogWindow.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Loader/Loader.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Button/Button.scss"],"sourcesContent":["@import '../../themes/styles/mixins';\n\n.dialog-header {\n  @include applyBorderBox;\n\n  width: 100%;\n  padding: 12px 16px 12px 20px;\n  display: flex;\n  align-items: center;\n  gap: 33px;\n\n  &__icon {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n    flex-shrink: 0;\n  }\n\n  &__back {\n    color: var(--main-elements);\n  }\n\n  &__body {\n    width: 100%;\n    display: flex;\n    gap: 33px;\n    align-items: center;\n    justify-content: space-between;\n    overflow: hidden;\n\n    &-left {\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      gap: 8px;\n      overflow: hidden;\n    }\n\n    &-right {\n      height: 24px;\n      display: flex;\n      align-items: center;\n      gap: 16px;\n    }\n  }\n\n  &__title {\n    color: var(--main-text, #0b1b0f);\n    text-align: left;\n    font: var(--title-title-medium);\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  &__line {\n    border-style: solid;\n    border-color: var(--color-divider, #e7efff);\n    border-width: 0 0 1px 0;\n  }\n}\n\n@media only screen and (max-width: var(--min-width-screen-desktop)) {\n  .dialog-header__body-left {\n    gap: 3px;\n  }\n}\n@media only screen and (min-width: 981px) {\n  .dialog-header__back {\n    display: none;\n  }\n}\n","@mixin applyBorderBox {\n  &,\n  * {\n    box-sizing: border-box;\n  }\n}\n","@import '../../themes/styles/mixins';\n\n.dialog-window {\n  @include applyBorderBox;\n\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 100;\n  position: fixed;\n  background-color: rgba(19, 29, 40, 0.8);\n\n  &__content {\n    width: 380px;\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n\n    padding: 24px;\n    border-radius: 4px;\n    background-color: var(--main-background);\n    box-shadow: 0 9px 15px 0 rgba(0, 0, 0, 0.04),\n      0 9px 46px 0 rgba(0, 0, 0, 0.08);\n\n    @media (max-width: 767px) {\n      width: 300px;\n    }\n  }\n\n  &__header {\n    margin-bottom: 28px;\n    padding: 0px !important;\n  }\n\n  &__close {\n    width: 24px;\n    height: 24px;\n\n    fill: var(--secondary-elements);\n    cursor: pointer;\n  }\n}\n",".loader {\n  &--sm {\n    width: 24px;\n    height: 24px;\n  }\n\n  &--md {\n    width: 48px;\n    height: 48px;\n  }\n\n  &--lg {\n    width: 52px;\n    height: 52px;\n  }\n\n  animation: rotate 1s infinite linear;\n\n  @keyframes rotate {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n}\n","@import '../../themes/styles/mixins';\n\n.button {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 8px 16px;\n\n  height: 32px;\n\n  border-radius: 4px;\n\n  flex: none;\n  order: 1;\n  flex-grow: 0;\n\n  font-family: 'Roboto';\n  font-style: normal;\n  font-weight: 700;\n  font-size: 14px;\n  line-height: 16px;\n  letter-spacing: 0.4px;\n\n  cursor: pointer;\n  border: none;\n  outline: none;\n  @include applyBorderBox;\n\n  &--default {\n    color: var(--secondary-background);\n    background-color: var(--main-elements);\n\n    &:hover {\n      background-color: var(--color-default-hover);\n    }\n\n    &:focus {\n      outline: 2px solid var(--color-background-info);\n    }\n\n    &:active {\n      background-color: var(--color-default-hover);\n      color: var(--color-background-info);\n    }\n\n    &.button--disabled {\n      cursor: not-allowed;\n      background-color: var(--disabled-elements);\n      color: var(--secondary-text);\n    }\n  }\n\n  &--outlined {\n    background-color: inherit;\n    border: 1px solid var(--main-elements);\n    color: var(--main-elements);\n\n    &:hover {\n      background-color: var(--outgoing-background);\n    }\n\n    &:focus {\n      border: 2px solid var(--color-background-info);\n    }\n\n    &:active {\n      border: 1px solid var(--main-elements);\n      color: var(--main-elements);\n    }\n\n    &.button--disabled {\n      cursor: not-allowed;\n      border: 1px solid var(--disabled-elements);\n      color: var(--disabled-elements);\n    }\n  }\n\n  &--danger {\n    background-color: var(--error);\n    color: var(--secondary-background);\n\n    &:focus {\n      outline: 2px solid var(--error-secondary);\n    }\n\n    &:active {\n      color: var(--error-secondary);\n    }\n\n    &.button--disabled {\n      cursor: not-allowed;\n      background-color: var(--disabled-elements);\n      color: var(--secondary-text);\n    }\n  }\n\n  &--text {\n    background-color: inherit;\n    color: var(--main-elements);\n\n    &:focus {\n      outline: 2px solid var(--color-background-info);\n    }\n\n    &:active {\n      color: var(--color-default-hover);\n    }\n\n    &.button--disabled {\n      cursor: not-allowed;\n      color: var(--disabled-elements);\n    }\n  }\n\n  &__loader {\n    &--default {\n      fill: var(--secondary-background);\n    }\n\n    &--outlined {\n      fill: var(--main-elements);\n    }\n\n    &--danger {\n      fill: var(--secondary-background);\n    }\n\n    &--text {\n      fill: var(--disabled-elements);\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/Presentation-ui-components-Dropdown-Dropdown-stories.66965d64.chunk.css

@@ -0,0 +1,5 @@
+.dropdown{width:100%;height:100%;position:relative}.dropdown,.dropdown *{box-sizing:border-box}.dropdown__toggle{width:100%;height:100%;background:none;border:none;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;margin:0;cursor:pointer;outline:none}.dropdown__menu{background-color:var(--main-background);box-shadow:0 3px 5px 0 rgba(0,0,0,.04),0 3px 14px 0 rgba(0,0,0,.08);border-radius:4px;padding:8px 0px;margin:0;z-index:100;position:absolute;overflow:hidden;list-style-type:none;display:none}.dropdown__menu--topRight{bottom:100%}.dropdown__menu--left{top:50%;transform:translateY(-50%);right:100%}.dropdown__menu--opened{display:block}.dropdown__option{display:flex;justify-content:space-between;align-items:center;font-family:"Roboto";font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px;height:32px;width:135px;padding:4px 16px;cursor:pointer}.dropdown__label{width:100%;display:flex;align-items:center;gap:3px}
+.loader{animation:rotate 1s infinite linear}.loader--sm{width:24px;height:24px}.loader--md{width:48px;height:48px}.loader--lg{width:52px;height:52px}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
+.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)}
+
+/*# sourceMappingURL=Presentation-ui-components-Dropdown-Dropdown-stories.66965d64.chunk.css.map*/

package/storybook-static/static/css/Presentation-ui-components-Dropdown-Dropdown-stories.66965d64.chunk.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/css/Presentation-ui-components-Dropdown-Dropdown-stories.66965d64.chunk.css","mappings":"AAEA;AEFA;ACEA","sources":["webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Dropdown/Dropdown.scss","webpack://quickblox-react-ui-kit/./src/Presentation/themes/styles/_mixins.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Loader/Loader.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Button/Button.scss"],"sourcesContent":["@import '../../themes/styles/mixins';\n\n.dropdown {\n  width: 100%;\n  height: 100%;\n  position: relative;\n\n  @include applyBorderBox;\n\n  &__toggle {\n    width: 100%;\n    height: 100%;\n    background: none;\n    border: none;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    padding: 0;\n    margin: 0;\n    cursor: pointer;\n    outline: none;\n  }\n\n  &__menu {\n    background-color: var(--main-background);\n    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04),\n      0 3px 14px 0 rgba(0, 0, 0, 0.08);\n    border-radius: 4px;\n\n    padding: 8px 0px;\n    margin: 0;\n    z-index: 100;\n    position: absolute;\n    overflow: hidden;\n    list-style-type: none;\n    display: none;\n\n    &--topRight {\n      bottom: 100%;\n    }\n\n    &--left {\n      top: 50%;\n      transform: translateY(-50%);\n      right: 100%;\n    }\n\n    &--opened {\n      display: block;\n    }\n  }\n\n  &__option {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    font-family: 'Roboto';\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 20px;\n    letter-spacing: 0.25px;\n\n    height: 32px;\n    width: 135px;\n    padding: 4px 16px;\n\n    cursor: pointer;\n  }\n\n  &__label {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    gap: 3px;\n  }\n}\n","@mixin applyBorderBox {\n  &,\n  * {\n    box-sizing: border-box;\n  }\n}\n",".loader {\n  &--sm {\n    width: 24px;\n    height: 24px;\n  }\n\n  &--md {\n    width: 48px;\n    height: 48px;\n  }\n\n  &--lg {\n    width: 52px;\n    height: 52px;\n  }\n\n  animation: rotate 1s infinite linear;\n\n  @keyframes rotate {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n}\n","@import '../../themes/styles/mixins';\n\n.button {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 8px 16px;\n\n  height: 32px;\n\n  border-radius: 4px;\n\n  flex: none;\n  order: 1;\n  flex-grow: 0;\n\n  font-family: 'Roboto';\n  font-style: normal;\n  font-weight: 700;\n  font-size: 14px;\n  line-height: 16px;\n  letter-spacing: 0.4px;\n\n  cursor: pointer;\n  border: none;\n  outline: none;\n  @include applyBorderBox;\n\n  &--default {\n    color: var(--secondary-background);\n    background-color: var(--main-elements);\n\n    &:hover {\n      background-color: var(--color-default-hover);\n    }\n\n    &:focus {\n      outline: 2px solid var(--color-background-info);\n    }\n\n    &:active {\n      background-color: var(--color-default-hover);\n      color: var(--color-background-info);\n    }\n\n    &.button--disabled {\n      cursor: not-allowed;\n      background-color: var(--disabled-elements);\n      color: var(--secondary-text);\n    }\n  }\n\n  &--outlined {\n    background-color: inherit;\n    border: 1px solid var(--main-elements);\n    color: var(--main-elements);\n\n    &:hover {\n      background-color: var(--outgoing-background);\n    }\n\n    &:focus {\n      border: 2px solid var(--color-background-info);\n    }\n\n    &:active {\n      border: 1px solid var(--main-elements);\n      color: var(--main-elements);\n    }\n\n    &.button--disabled {\n      cursor: not-allowed;\n      border: 1px solid var(--disabled-elements);\n      color: var(--disabled-elements);\n    }\n  }\n\n  &--danger {\n    background-color: var(--error);\n    color: var(--secondary-background);\n\n    &:focus {\n      outline: 2px solid var(--error-secondary);\n    }\n\n    &:active {\n      color: var(--error-secondary);\n    }\n\n    &.button--disabled {\n      cursor: not-allowed;\n      background-color: var(--disabled-elements);\n      color: var(--secondary-text);\n    }\n  }\n\n  &--text {\n    background-color: inherit;\n    color: var(--main-elements);\n\n    &:focus {\n      outline: 2px solid var(--color-background-info);\n    }\n\n    &:active {\n      color: var(--color-default-hover);\n    }\n\n    &.button--disabled {\n      cursor: not-allowed;\n      color: var(--disabled-elements);\n    }\n  }\n\n  &__loader {\n    &--default {\n      fill: var(--secondary-background);\n    }\n\n    &--outlined {\n      fill: var(--main-elements);\n    }\n\n    &--danger {\n      fill: var(--secondary-background);\n    }\n\n    &--text {\n      fill: var(--disabled-elements);\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/Presentation-ui-components-Header-Header-stories.cdc47631.chunk.css

@@ -0,0 +1,4 @@
+.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__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:#0b1b0f;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:#e7efff;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}}
+.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{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}
+
+/*# sourceMappingURL=Presentation-ui-components-Header-Header-stories.cdc47631.chunk.css.map*/

package/storybook-static/static/css/Presentation-ui-components-Header-Header-stories.cdc47631.chunk.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/css/Presentation-ui-components-Header-Header-stories.cdc47631.chunk.css","mappings":"AAEA;AEAA","sources":["webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Header/Header.scss","webpack://quickblox-react-ui-kit/./src/Presentation/themes/styles/_mixins.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Avatar/Avatar.scss"],"sourcesContent":["@import '../../themes/styles/mixins';\n\n.dialog-header {\n  @include applyBorderBox;\n\n  width: 100%;\n  padding: 12px 16px 12px 20px;\n  display: flex;\n  align-items: center;\n  gap: 33px;\n\n  &__icon {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n    flex-shrink: 0;\n  }\n\n  &__back {\n    color: var(--main-elements);\n  }\n\n  &__body {\n    width: 100%;\n    display: flex;\n    gap: 33px;\n    align-items: center;\n    justify-content: space-between;\n    overflow: hidden;\n\n    &-left {\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      gap: 8px;\n      overflow: hidden;\n    }\n\n    &-right {\n      height: 24px;\n      display: flex;\n      align-items: center;\n      gap: 16px;\n    }\n  }\n\n  &__title {\n    color: var(--main-text, #0b1b0f);\n    text-align: left;\n    font: var(--title-title-medium);\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  &__line {\n    border-style: solid;\n    border-color: var(--color-divider, #e7efff);\n    border-width: 0 0 1px 0;\n  }\n}\n\n@media only screen and (max-width: var(--min-width-screen-desktop)) {\n  .dialog-header__body-left {\n    gap: 3px;\n  }\n}\n@media only screen and (min-width: 981px) {\n  .dialog-header__back {\n    display: none;\n  }\n}\n","@mixin applyBorderBox {\n  &,\n  * {\n    box-sizing: border-box;\n  }\n}\n","@import '../../themes/styles/mixins';\n\n.avatar {\n  @include applyBorderBox;\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n\n  overflow: hidden;\n  border-radius: 50%;\n  background-color: var(--disabled-elements);\n  color: var(--secondary-text);\n\n  svg {\n    fill: var(--secondary-text);\n    padding: 10px;\n  }\n\n  &__image {\n    object-fit: cover;\n    width: 100%;\n    height: 100%;\n  }\n\n  &--xs {\n    width: 32px;\n    height: 32px;\n  }\n\n  &--sm {\n    width: 36px;\n    height: 36px;\n  }\n\n  &--md {\n    width: 40px;\n    height: 40px;\n  }\n\n  &--lg {\n    width: 56px;\n    height: 56px;\n  }\n\n  &--xl {\n    width: 64px;\n    height: 64px;\n  }\n\n  &--xxl {\n    width: 80px;\n    height: 80px;\n  }\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/Presentation-ui-components-Loader-Loader-stories.dab34da1.chunk.css

@@ -0,0 +1,3 @@
+.loader{animation:rotate 1s infinite linear}.loader--sm{width:24px;height:24px}.loader--md{width:48px;height:48px}.loader--lg{width:52px;height:52px}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
+
+/*# sourceMappingURL=Presentation-ui-components-Loader-Loader-stories.dab34da1.chunk.css.map*/

package/storybook-static/static/css/Presentation-ui-components-Loader-Loader-stories.dab34da1.chunk.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/css/Presentation-ui-components-Loader-Loader-stories.dab34da1.chunk.css","mappings":"AAAA","sources":["webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Loader/Loader.scss"],"sourcesContent":[".loader {\n  &--sm {\n    width: 24px;\n    height: 24px;\n  }\n\n  &--md {\n    width: 48px;\n    height: 48px;\n  }\n\n  &--lg {\n    width: 52px;\n    height: 52px;\n  }\n\n  animation: rotate 1s infinite linear;\n\n  @keyframes rotate {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/Presentation-ui-components-Message-Message-stories.a518b61a.chunk.css

@@ -0,0 +1,14 @@
+.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{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}
+.checkbox{display:flex;align-items:center;flex-shrink:0;border-radius:4px;padding:4px;justify-content:center;width:18px;height:18px}
+.message-caption__user{padding:0px 16px 0px 16px;display:flex;flex-direction:row;gap:8px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.message-caption__user__caption{display:flex;flex-direction:row;gap:2px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative}.message-caption__user__caption__name{color:#636d78;color:var(--secondary-text, #636d78);text-align:left;font:var(--label-label-medium);position:relative}.message-caption__forward-reply{display:flex;flex-direction:row;gap:2px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative}.message-caption__forward-reply--reply{width:16px;height:16px;align-self:stretch;flex:1 1;position:relative;overflow:visible;fill:#636d78;fill:var(--tertiary-elements, #636d78)}.message-caption__forward-reply--forward{width:16px;height:16px;align-self:stretch;flex:1 1;position:relative;overflow:visible;fill:#636d78;fill:var(--tertiary-elements, #636d78)}.message-caption__forward-reply__icon{border-radius:4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;position:relative}.message-caption__forward-reply__icon--filled{align-self:stretch;flex:1 1;height:auto;position:relative;overflow:visible;fill:#636d78;fill:var(--tertiary-elements, #636d78)}.message-caption__forward-reply__from{color:#636d78;color:var(--tertiary-elements, #636d78);text-align:left;font:var(--label-label-medium);position:relative}
+.time-status{background:#ffffff;background:var(--main-background, #ffffff);padding:0px 8px 8px 16px;display:flex;flex-direction:row;gap:8px;align-items:flex-end;justify-content:flex-end;align-self:stretch;flex-shrink:0;width:320px;position:relative}.time-status__caption{display:flex;gap:2px;align-items:flex-end;flex-shrink:0}.time-status__caption__status{width:13px;height:13px}.time-status__time{color:#636d78;color:var(--tertiary-elements, #636d78);text-align:left;font:var(--label-label-small);position:relative}.status-message--sent{fill:#636D78;fill:var(--tertiary-elements, #636D78)}.status-message--delivered{fill:#636D78;fill:var(--tertiary-elements, #636D78)}.status-message--viewed{fill:#3978fc;fill:var(--main-elements, #3978fc)}.status-message--error{fill:#FF3B30;fill:var(--error, #FF3B30)}
+.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:#636D78;fill:var(--tertiary-elements, #636D78);path:#636D78;path:var(--tertiary-elements, #636D78)}.message-item__outgoing{background:#ffffff;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:#E7EFFF;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:#ffffff;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:#e4e6e8;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}
+.high-light-link-container{display:flex;flex-direction:column;align-items:flex-start;padding:0px;width:240px;height:70px;background:#e4e6e8;border-radius:8px;flex:none;order:0;flex-grow:0}.high-light-link-container--header-wrapper{display:flex;flex-direction:row;align-items:center;padding:6px 16px;width:240px;height:32px;flex:none;order:0;align-self:stretch;flex-grow:0}.high-light-link-container--header-wrapper__link_url{width:208px;height:20px;text-decoration:none;cursor:pointer;font-family:"Roboto";font-style:normal;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:.25px;color:#636d78;flex:none;order:0;flex-grow:1}.high-light-link-container--footer-wrapper{display:flex;flex-direction:row;align-items:center;padding:8px 16px;width:240px;height:32px;flex:none;order:4;align-self:stretch;flex-grow:0}.high-light-link-container--footer-wrapper__content{width:208px;height:16px;font-family:"Roboto";font-style:normal;font-weight:500;font-size:11px;line-height:16px;display:flex;align-items:center;letter-spacing:.5px;color:#636d78;flex:none;order:0;flex-grow:1}.message-urls{max-width:calc(var(--max-width-message-bubble) - 20px);overflow-wrap:break-word}
+.bubble-content-text{overflow-wrap:break-word;max-width:calc(var(--max-width-message-bubble) - 20px);color:#0b1b0f;color:var(--main-tex, #0b1b0f);text-align:left;font:400 14px/20px "Roboto-Regular", sans-serif;font:var(--body-body-medium, 400 14px/20px "Roboto-Regular", sans-serif)}.text-bubble-background__incoming{background:#e4e6e8;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;width:100%}.text-bubble-background__outgoing{background:#E7EFFF;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}
+.file-bubble-background__incoming{background:#e4e6e8;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}.file-bubble-background__outgoing{background:#E7EFFF;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}
+.file-attachment{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.file-attachment__placeholder{flex-shrink:0;width:32px;height:32px;position:static}.file-attachment__placeholder__bg{background:#636d78;background:var(--tertiary-elements, #636d78);border-radius:8px;width:32px;height:32px;position:absolute;left:0px;top:0px}.file-attachment__placeholder__bg__icon{border-radius:4px;padding:4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;width:24px;height:24px;position:absolute;left:4px;top:4px}.file-attachment__file-name{color:#636d78;color:var(--secondary-text, #636d78);text-align:left;font:var(--body-body-medium);position:relative}.message-icon-file{align-self:stretch;flex:1 1;height:auto;position:relative;overflow:visible;fill:#ffffff;fill:var(--color-media-icon, #ffffff)}
+.message-attachment-image-body{max-width:var(--max-width-image-message);max-height:160px;padding:0;border-radius:4px}.message-attachment-image{display:flex;justify-content:center;flex-flow:row;max-width:var(--max-width-image-message);max-height:160px;font:400 14px/20px "Roboto-Regular", sans-serif;font:var(--body-body-medium, 400 14px/20px "Roboto-Regular", sans-serif);color:#0b1b0f;color:var(--main-tex, #0b1b0f)}
+.audio-player{display:flex;gap:5px;flex-direction:row;align-items:center}.audio-body{padding:5px;border-radius:4px;display:none;width:var(--max-width-audio-message)}.audio-body__controls{display:flex;flex-flow:row;align-items:center;gap:5px;width:24px;height:24px}.audio-body__controls--color{fill:var(--main-elements)}.equalizer{display:flex;flex-direction:row;gap:2px;align-items:flex-end;justify-content:flex-start;position:relative}.equalizer__rectangle{background:#636d78;background:var(--main-elements, #636d78);flex-shrink:0;width:2px;position:relative}.audio-bubble-background__incoming{background:#e4e6e8;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}.audio-bubble-background__outgoing{background:#E7EFFF;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-attachment-video-body{max-height:130px;max-width:var(--max-width-audio-message);width:var(--max-width-audio-message);padding:0;border-radius:4px}.message-attachment-video{display:flex;justify-content:center;align-items:center;flex-flow:column;max-width:var(--max-width-audio-message);width:var(--max-width-audio-message);max-height:160px}
+
+/*# sourceMappingURL=Presentation-ui-components-Message-Message-stories.a518b61a.chunk.css.map*/

package/storybook-static/static/css/Presentation-ui-components-Message-Message-stories.a518b61a.chunk.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/css/Presentation-ui-components-Message-Message-stories.a518b61a.chunk.css","mappings":"AAEA;AEFA;ACEA;ACFA;ACAA;ACAA;ACAA;ACEA;ACFA;ACAA;ACAA;ACAA","sources":["webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Avatar/Avatar.scss","webpack://quickblox-react-ui-kit/./src/Presentation/themes/styles/_mixins.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/CheckBox/CheckBox.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Message/MessageCaption/MessageCaption.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Message/TimeAndStatus/TimeAndStatus.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Message/Message.scss","webpack://quickblox-react-ui-kit/./src/Presentation/Views/Dialog/Message/HighLightLink/HighLightLink.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Message/Bubble/TextBubble/TextBubble.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Message/Bubble/FileBubble/FileBubble.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Message/FileUrl/FileUrl.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Message/Bubble/ImageBubble/ImageBubble.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Message/Bubble/AudioBubble/AudioBubble.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Message/Bubble/VideoBubble/VideoBubble.scss"],"sourcesContent":["@import '../../themes/styles/mixins';\n\n.avatar {\n  @include applyBorderBox;\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n\n  overflow: hidden;\n  border-radius: 50%;\n  background-color: var(--disabled-elements);\n  color: var(--secondary-text);\n\n  svg {\n    fill: var(--secondary-text);\n    padding: 10px;\n  }\n\n  &__image {\n    object-fit: cover;\n    width: 100%;\n    height: 100%;\n  }\n\n  &--xs {\n    width: 32px;\n    height: 32px;\n  }\n\n  &--sm {\n    width: 36px;\n    height: 36px;\n  }\n\n  &--md {\n    width: 40px;\n    height: 40px;\n  }\n\n  &--lg {\n    width: 56px;\n    height: 56px;\n  }\n\n  &--xl {\n    width: 64px;\n    height: 64px;\n  }\n\n  &--xxl {\n    width: 80px;\n    height: 80px;\n  }\n}\n","@mixin applyBorderBox {\n  &,\n  * {\n    box-sizing: border-box;\n  }\n}\n",".checkbox {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  border-radius: 4px;\n  padding: 4px;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n}\n",".message-caption {\n\n  &__user {\n    padding: 0px 16px 0px 16px;\n    display: flex;\n    flex-direction: row;\n    gap: 8px;\n    align-items: flex-start;\n    justify-content: flex-start;\n    flex-shrink: 0;\n    position: relative;\n\n    &__caption {\n      display: flex;\n      flex-direction: row;\n      gap: 2px;\n      align-items: center;\n      justify-content: flex-start;\n      flex-shrink: 0;\n      position: relative;\n\n      &__name {\n        color: var(--secondary-text, #636d78);\n        text-align: left;\n        font: var(--label-label-medium);\n        position: relative;\n      }\n    }\n  }\n\n  &__forward-reply {\n    display: flex;\n    flex-direction: row;\n    gap: 2px;\n    align-items: center;\n    justify-content: flex-start;\n    flex-shrink: 0;\n    position: relative;\n\n    &--reply {\n      width: 16px;\n      height: 16px;\n      align-self: stretch;\n      flex: 1;\n      position: relative;\n      overflow: visible;\n      fill: var(--tertiary-elements, #636d78);\n    }\n\n    &--forward {\n      width: 16px;\n      height: 16px;\n      align-self: stretch;\n      flex: 1;\n      position: relative;\n      overflow: visible;\n      fill: var(--tertiary-elements, #636d78);\n    }\n\n    &__icon {\n      border-radius: 4px;\n      display: flex;\n      flex-direction: row;\n      gap: 0px;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      width: 16px;\n      height: 16px;\n      position: relative;\n\n      &--filled {\n        align-self: stretch;\n        flex: 1;\n        height: auto;\n        position: relative;\n        overflow: visible;\n        fill: var(--tertiary-elements, #636d78);\n      }\n    }\n\n    &__from {\n      color: var(--tertiary-elements, #636d78);\n      text-align: left;\n      font: var(--label-label-medium);\n      position: relative;\n    }\n  }\n\n}\n",".time-status {\n  background: var(--main-background, #ffffff);\n  padding: 0px 8px 8px 16px;\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: flex-end;\n  justify-content: flex-end;\n  align-self: stretch;\n  flex-shrink: 0;\n  width: 320px;\n  position: relative;\n\n  &__caption {\n    display: flex;\n    gap: 2px;\n    align-items: flex-end;\n    flex-shrink: 0;\n\n    &__status {\n      width: 13px;\n      height: 13px;\n    }\n  }\n  &__time {\n    color: var(--tertiary-elements, #636d78);\n    text-align: left;\n    font: var(--label-label-small);\n    position: relative;\n    // padding-bottom: 10px;\n  }\n}\n\n.status-message {\n  &--sent {\n    fill: var(--tertiary-elements, #636D78);\n  }\n\n  &--delivered {\n    fill: var(--tertiary-elements, #636D78);\n  }\n\n  &--viewed {\n    fill: var(--main-elements, #3978fc);\n  }\n\n  &--error {\n    fill: var(--error, #FF3B30);\n  }\n}\n\n",".message-item {\n  display: flex;\n  flex-direction: row;\n  gap: 0px;\n  align-items: center;\n  justify-content: flex-start;\n  align-self: stretch;\n  flex-shrink: 0;\n  position: relative;\n\n  &__right {\n    display: flex;\n    flex-direction: row;\n    align-items: flex-end;\n    justify-content: flex-end;\n    width: 100%;\n  }\n\n  &__more {\n    display: flex;\n    flex-direction: row;\n    gap: 10px;\n    align-items: center;\n    justify-content: center;\n    align-self: stretch;\n    flex-shrink: 0;\n    position: relative;\n    cursor: pointer;\n\n    &__icon {\n      border-radius: 4px;\n      display: flex;\n      flex-direction: row;\n      gap: 0px;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      width: 24px;\n      height: 24px;\n      position: relative;\n      //padding-bottom: 10px;\n\n      &__actions {\n        fill: var(--tertiary-elements, #636D78);\n        path: var(--tertiary-elements, #636D78);\n      }\n    }\n  }\n\n  &__outgoing {\n    background: var(--main-background, #ffffff);\n    padding: 0px 8px 8px 16px;\n    display: flex;\n    flex-direction: row;\n    gap: 8px;\n    justify-content: flex-end;\n    align-self: stretch;\n    flex-shrink: 0;\n    width: 320px;\n    position: relative;\n\n    &__chat {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n      align-items: flex-start;\n      justify-content: flex-start;\n      flex-shrink: 0;\n      position: relative;\n\n      &__bubble-background {\n        background: var(--outgoing-background, #E7EFFF);\n        border-radius: 22px 22px 0px 22px;\n        padding: 8px 12px 8px 12px;\n        display: flex;\n        flex-direction: row;\n        gap: 10px;\n        align-items: flex-start;\n        justify-content: flex-start;\n        flex-shrink: 0;\n        position: relative;\n      }\n    }\n  }\n\n  &__incoming-mes {\n    background: var(--secondary-background, #ffffff);\n    padding: 0px 16px 8px 8px;\n    display: flex;\n    flex-direction: row;\n    gap: 8px;\n    align-items: flex-end;\n    justify-content: flex-start;\n    align-self: stretch;\n    flex-shrink: 0;\n    width: 320px;\n    position: relative;\n  }\n\n  &__incoming {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    align-items: flex-start;\n    justify-content: flex-end;\n\n    &__chat {\n      display: flex;\n      flex-direction: row;\n      gap: 8px;\n\n      &__bubble {\n        display: flex;\n        flex-direction: column;\n        gap: 4px;\n        align-items: flex-end;\n        justify-content: flex-end;\n        flex-shrink: 0;\n        position: relative;\n\n        &__background {\n          background: var(--incoming-background, #e4e6e8);\n          border-radius: 22px 22px 22px 0px;\n          padding: 8px 12px 8px 12px;\n          display: flex;\n          flex-direction: row;\n          gap: 10px;\n          align-items: flex-start;\n          justify-content: flex-start;\n          flex-shrink: 0;\n          position: relative;\n        }\n      }\n    }\n  }\n}\n",".high-light-link-container {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 0px;\n\n  width: 240px;\n  height: 70px;\n\n  background: #E4E6E8;\n  border-radius: 8px;\n\n  flex: none;\n  order: 0;\n  flex-grow: 0;\n\n  &--header-wrapper{\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    padding: 6px 16px;\n\n    width: 240px;\n    height: 32px;\n\n    flex: none;\n    order: 0;\n    align-self: stretch;\n    flex-grow: 0;\n\n    &__link_url{\n      width: 208px;\n      height: 20px;\n\n      text-decoration: none;\n      cursor: pointer;\n\n      font-family: 'Roboto';\n      font-style: normal;\n      font-weight: 400;\n      font-size: 14px;\n      line-height: 20px;\n\n      display: flex;\n      align-items: center;\n      letter-spacing: 0.25px;\n\n      color: #636D78;\n\n      flex: none;\n      order: 0;\n      flex-grow: 1;\n    }\n  }\n\n  &--footer-wrapper{\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    padding: 8px 16px;\n\n    width: 240px;\n    height: 32px;\n\n    flex: none;\n    order: 4;\n    align-self: stretch;\n    flex-grow: 0;\n\n    &__content{\n      width: 208px;\n      height: 16px;\n\n      font-family: 'Roboto';\n      font-style: normal;\n      font-weight: 500;\n      font-size: 11px;\n      line-height: 16px;\n\n      display: flex;\n      align-items: center;\n      letter-spacing: 0.5px;\n\n      color: #636D78;\n\n      flex: none;\n      order: 0;\n      flex-grow: 1;\n    }\n  }\n}\n\n.message-urls {\n  max-width: calc(var(--max-width-message-bubble) - 20px);\n  overflow-wrap: break-word;\n}\n\n",".bubble-content-text {\n  overflow-wrap: break-word;\n  max-width: calc(var(--max-width-message-bubble) - 20px);\n\n  color: var(--main-tex, #0b1b0f);\n  text-align: left;\n  font: var(--body-body-medium, 400 14px/20px \"Roboto-Regular\", sans-serif);\n}\n\n.text-bubble-background {\n\n  &__incoming {\n    background: var(--incoming-background, #e4e6e8);\n    border-radius: 22px 22px 22px 0px;\n    padding: 8px 12px 8px 12px;\n    display: flex;\n    flex-direction: row;\n    gap: 10px;\n    align-items: flex-start;\n    justify-content: flex-start;\n    flex-shrink: 0;\n    position: relative;\n    width: 100%;\n  }\n\n  &__outgoing {\n    background: var(--outgoing-background, #E7EFFF);\n    border-radius: 22px 22px 0px 22px;\n    padding: 8px 12px 8px 12px;\n    display: flex;\n    flex-direction: row;\n    gap: 10px;\n    align-items: flex-start;\n    justify-content: flex-start;\n    flex-shrink: 0;\n    position: relative;\n  }\n\n}\n\n",".file-bubble-background {\n\n  &__incoming {\n    background: var(--incoming-background, #e4e6e8);\n    border-radius: 22px 22px 22px 0px;\n    padding: 8px 12px 8px 12px;\n    display: flex;\n    flex-direction: row;\n    gap: 10px;\n    align-items: flex-start;\n    justify-content: flex-start;\n    flex-shrink: 0;\n    position: relative;\n  }\n\n  &__outgoing {\n    background: var(--outgoing-background, #E7EFFF);\n    border-radius: 22px 22px 0px 22px;\n    padding: 8px 12px 8px 12px;\n    display: flex;\n    flex-direction: row;\n    gap: 10px;\n    align-items: flex-start;\n    justify-content: flex-start;\n    flex-shrink: 0;\n    position: relative;\n  }\n\n}\n",".file-attachment {\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n  justify-content: flex-start;\n  align-self: stretch;\n  flex-shrink: 0;\n  position: relative;\n\n  &__placeholder {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    position: static;\n\n    &__bg {\n      background: var(--tertiary-elements, #636d78);\n      border-radius: 8px;\n      width: 32px;\n      height: 32px;\n      position: absolute;\n      left: 0px;\n      top: 0px;\n\n      &__icon {\n        border-radius: 4px;\n        padding: 4px;\n        display: flex;\n        flex-direction: row;\n        gap: 0px;\n        align-items: center;\n        justify-content: center;\n        width: 24px;\n        height: 24px;\n        position: absolute;\n        left: 4px;\n        top: 4px;\n      }\n    }\n  }\n\n  &__file-name {\n    color: var(--secondary-text, #636d78);\n    text-align: left;\n    font: var(--body-body-medium);\n    position: relative;\n  }\n}\n\n.message-icon-file {\n  align-self: stretch;\n  flex: 1;\n  height: auto;\n  position: relative;\n  overflow: visible;\n  fill: var(--color-media-icon, #ffffff);\n}\n",".message-attachment-image-body{\n  max-width: var(--max-width-image-message);\n  max-height: 160px;\n  padding: 0;\n  border-radius: 4px;\n}\n\n.message-attachment-image {\n  display: flex;\n  justify-content: center;\n  flex-flow: row;\n  max-width: var(--max-width-image-message);\n  max-height: 160px;\n  font: var(--body-body-medium, 400 14px / 20px \"Roboto-Regular\", sans-serif);\n  color: var(--main-tex, #0b1b0f);\n}\n",".audio-player {\n  display: flex;\n  gap: 5px;\n  flex-direction: row;\n  align-items: center;\n}\n.audio-body{\n  padding: 5px;\n  border-radius: 4px;\n  display: none;\n  width: var(--max-width-audio-message);\n\n  &__controls {\n    display: flex;\n    flex-flow: row;\n    align-items: center;\n    gap: 5px;\n    width: 24px;\n    height: 24px;\n\n    &--color{\n      fill: var(--main-elements)\n    }\n  }\n}\n\n.equalizer {\n  display: flex;\n  flex-direction: row;\n  gap: 2px;\n  align-items: flex-end;\n  justify-content: flex-start;\n  position: relative;\n\n  &__rectangle {\n    background: var(--main-elements, #636d78);\n    flex-shrink: 0;\n    width: 2px;\n    position: relative;\n  }\n}\n\n.audio-bubble-background {\n\n  &__incoming {\n    background: var(--incoming-background, #e4e6e8);\n    border-radius: 22px 22px 22px 0px;\n    padding: 8px 12px 8px 12px;\n    display: flex;\n    flex-direction: row;\n    gap: 10px;\n    align-items: flex-start;\n    justify-content: flex-start;\n    flex-shrink: 0;\n    position: relative;\n  }\n\n  &__outgoing {\n    background: var(--outgoing-background, #E7EFFF);\n    border-radius: 22px 22px 0px 22px;\n    padding: 8px 12px 8px 12px;\n    display: flex;\n    flex-direction: row;\n    gap: 10px;\n    align-items: flex-start;\n    justify-content: flex-start;\n    flex-shrink: 0;\n    position: relative;\n  }\n\n}\n",".message-attachment-video-body{\n  max-height: 130px;\n  max-width: var(--max-width-audio-message);\n  width: var(--max-width-audio-message);\n  padding: 0;\n  border-radius: 4px;\n}\n\n.message-attachment-video {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-flow: column;\n  //max-width: 300px;\n  max-width: var(--max-width-audio-message);\n  width: var(--max-width-audio-message);\n  max-height: 160px;\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/Presentation-ui-components-MessageInput-MessageInput-stories.0e99d80b.chunk.css

@@ -0,0 +1,7 @@
+.chat-message-text-container{width:100%;height:44px;min-Height:44px;max-Height:64px;background-Color:var(--chat-input);border-Radius:4px;padding-left:16px;padding-top:8px;line-height:24px;font-size:16px;margin:0 auto;resize:none;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:12px}.chat-message-text-container__stop_record_button{cursor:pointer;border-radius:50%;background:var(--error);min-height:24px;max-height:24px;height:24px;width:24px}
+.chat-container{width:100%}.chat-container__icon{width:32px;height:32px;fill:var(--input-elements)}.chat-container__icon svg path{fill:var(--input-elements)}.chat-container__icon--mute{fill:var(--disabled-elements)}.chat-container__icon--mute svg path{fill:var(--disabled-elements)}.chat-container__icon--red{fill:var(--error)}.chat-container__icon--red svg path{fill:var(--error)}.chat-container__loader{fill:var(--color-background-info)}.chat-container__loader svg path{fill:var(--color-background-info)}.chat-input{min-height:54px;max-height:182px;height:54px;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;margin:0 auto;padding-left:12px;padding-right:12px;padding-bottom:2px;gap:6px}.chat-input:disabled{background-color:dimgray;color:linen;opacity:1;cursor:not-allowed}.chat-input textarea{width:100%;height:44px;min-Height:44px;max-Height:128px;background-Color:var(--chat-input);border-Radius:4px;padding-left:16px;padding-top:8px;line-height:24px;font-size:16px;margin:0 auto;resize:none}.input-text-message *{box-sizing:border-box}.input-text-message{background:var(--chat-input);border-radius:4px;display:flex;flex-direction:row;gap:8px;align-items:flex-end;justify-content:flex-start;flex:1 1;position:relative}.type-message{color:var(--field-border);text-align:left;font:var(--body-body-large);position:relative;flex:1 1;display:flex;align-items:center;justify-content:flex-start}.type-message textarea{color:var(--input-elements);font:var(--body-body-large);border:none;outline:none}.right{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:flex-end;flex-shrink:0;position:relative;margin-bottom:5px}
+.loader{animation:rotate 1s infinite linear}.loader--sm{width:24px;height:24px}.loader--md{width:48px;height:48px}.loader--lg{width:52px;height:52px}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
+.reply-preview-image-body{border-radius:8px;flex-shrink:0;width:44px;height:44px;position:relative}
+.reply-message-preview-row,.reply-message-preview-row *{box-sizing:border-box}.reply-message-preview-row{padding:10px 12px 10px 12px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;flex-shrink:0;position:relative}.reply-message-preview-row-card{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative}.reply-message-preview-placeholder{background:#e4e6e8;background:var(--incoming-background, #e4e6e8);border-radius:8px;padding:6px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.reply-message-preview-placeholder-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}.reply-message-media-text-document{align-self:stretch;flex:1 1;position:relative;overflow:visible}.reply-message-preview-message{display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:center;flex-shrink:0;position:relative}.reply-message-preview-message-caption{display:flex;flex-direction:row;gap:0px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.reply-message-preview-message-caption-info{display:flex;flex-direction:row;gap:2px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative}.reply-message-preview-message-caption-info-icon{border-radius:4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;position:relative}.actions-reply-filled{align-self:stretch;flex:1 1;position:relative;overflow:visible}.reply-message-preview-message-caption-info-replied-to-name{color:#636d78;color:var(--tertiary-elements, #636d78);text-align:left;font:500 12px/16px "Roboto", sans-serif;font:var(--label-label-medium, 500 12px/16px "Roboto", sans-serif);position:relative}.reply-message-preview-message-caption-info-file{color:#90979f;color:var(--caption, #90979f);text-align:center;font:400 12px/16px "Roboto", sans-serif;font:var(--body-body-small, 400 12px/16px "Roboto", sans-serif);position:relative;display:flex;align-items:center;justify-content:center}.reply-message-preview-message-caption-info-text{color:#0b1b0f;color:var(--main-text, #0b1b0f);text-align:center;font:400 16px/24px "Roboto", sans-serif;font:var(--body-body-large, 400 16px/24px "Roboto", sans-serif);position:relative;display:flex;align-items:center;justify-content:center}.reply-message-preview-message-navigation-close{align-self:stretch;position:relative;overflow:visible}.reply-message-icon{width:24px;height:24px;cursor:pointer;fill:var(--secondary-elements)}.reply-message-icon svg path{fill:var(--secondary-elements)}
+
+/*# sourceMappingURL=Presentation-ui-components-MessageInput-MessageInput-stories.0e99d80b.chunk.css.map*/

package/storybook-static/static/css/Presentation-ui-components-MessageInput-MessageInput-stories.0e99d80b.chunk.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/css/Presentation-ui-components-MessageInput-MessageInput-stories.0e99d80b.chunk.css","mappings":"AACA;ACCA;ACFA;ACAA;ACAA","sources":["webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/MessageInput/VoiceRecordingProgress/VoiceRecordingProgress.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/MessageInput/MessageInput.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Loader/Loader.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/MessageInput/ReplyMessagePreview/ReplyImagePreviewAttachment/ReplyImagePreviewAttachment.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/MessageInput/ReplyMessagePreview/ReplyMessagePreview.scss"],"sourcesContent":["$chat-message-text-min-height: 64px;\n.chat-message-text-container{\n  // border: 3px solid blue;\n  width: 100%;\n  height: 44px;\n  min-Height: 44px;\n  max-Height: $chat-message-text-min-height;\n  background-Color: var(--chat-input);\n  border-Radius: 4px;\n  padding-left: 16px;\n  padding-top: 8px;\n  line-height: 24px;\n  font-size: 16px;\n  margin: 0 auto;\n  resize: none;\n\n  //\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n\n  justify-content: flex-start;\n  align-items: center;\n\n  gap: 12px;\n  &__stop_record_button{\n    cursor: pointer;\n    border-radius: 50%;\n    background: var(--error);\n    min-height: 24px;\n    max-height: 24px;\n    height: 24px;\n    width: 24px;\n  }\n}\n","$message-view-container-header-min-height: 64px;\n$message-view-container-chat-input-min-height: 54px;\n.chat-container{\n  width: 100%;\n  &__icon{\n    width: 32px;\n    height: 32px;\n    fill: var(--input-elements);\n\n    svg path{\n      fill: var(--input-elements);\n    }\n  }\n  &__icon--mute{\n    fill: var(--disabled-elements);\n    svg path{\n      fill: var(--disabled-elements);\n    }\n  }\n  &__icon--red{\n    fill: var(--error);\n    svg path{\n      fill: var(--error);\n    }\n  }\n  &__loader{\n    fill: var(--color-background-info);\n\n    svg path{\n      fill: var(--color-background-info);\n    }\n  }\n}\n.chat-input{\n  &:disabled{\n    background-color: dimgrey;\n    color: linen;\n    opacity: 1;\n    cursor: not-allowed;\n  }\n  // border: 1px solid red;\n  //border-top: 1px solid var(--divider);\n  // flex: 1 1 $message-view-container-wrapper-min-width;\n  min-height: $message-view-container-chat-input-min-height;\n  max-height: calc(2 * $message-view-container-header-min-height + $message-view-container-chat-input-min-height);\n  height: $message-view-container-chat-input-min-height;\n\n  width: 100%;\n  display: flex;\n  //\n  flex-direction: row;\n  flex-wrap: nowrap;\n\n  justify-content: space-between;\n  align-items: center;\n  margin: 0 auto;\n  padding-left: 12px;\n  padding-right: 12px;\n  padding-bottom: 2px;\n\n  gap: 6px;\n\n  textarea{\n    // border: 3px solid blue;\n    width: 100%;\n    height: 44px;\n    min-Height: 44px;\n    max-Height: calc(2 * $message-view-container-header-min-height);\n    background-Color: var(--chat-input);\n    border-Radius: 4px;\n    padding-left: 16px;\n    padding-top: 8px;\n    // padding: 5px 5px;\n    // text-align: center;\n    //vertical-align: middle;\n    line-height: 24px;\n    font-size: 16px;\n    margin: 0 auto;\n    resize: none;\n  }\n\n}\n.input-text-message * {\n  box-sizing: border-box;\n}\n.input-text-message {\n  background: var(--chat-input);\n  border-radius: 4px;\n  //padding: 10px 8px 10px 16px;\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: flex-end;\n  justify-content: flex-start;\n  flex: 1;\n  position: relative;\n}\n.type-message {\n  color: var(--field-border);\n  text-align: left;\n  font: var(--body-body-large);\n  position: relative;\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n.type-message textarea{\n  color: var(--input-elements);\n  font: var(--body-body-large);\n  border: none;\n  outline: none;\n}\n.right {\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n  align-items: center;\n  justify-content: flex-end;\n  flex-shrink: 0;\n  position: relative;\n  margin-bottom: 5px;\n}\n",".loader {\n  &--sm {\n    width: 24px;\n    height: 24px;\n  }\n\n  &--md {\n    width: 48px;\n    height: 48px;\n  }\n\n  &--lg {\n    width: 52px;\n    height: 52px;\n  }\n\n  animation: rotate 1s infinite linear;\n\n  @keyframes rotate {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n}\n",".reply-preview-image-body{\n  // border: 1px solid red;\n  //max-width: 44px;\n  //max-height: 44px;\n  //min-width: 44px;\n  //min-height: 44px;\n  //width: 44px;\n  //height: 44px;\n  //padding: 0;\n  //border-radius: 8px;\n  border-radius: 8px;\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  position: relative;\n}\n",".reply-message-preview-row,\n.reply-message-preview-row * {\n  box-sizing: border-box;\n}\n.reply-message-preview-row {\n  padding: 10px 12px 10px 12px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  align-self: stretch;\n  flex-shrink: 0;\n  position: relative;\n}\n.reply-message-preview-row-card {\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n  justify-content: flex-start;\n  flex-shrink: 0;\n  position: relative;\n}\n.reply-message-preview-placeholder {\n  background: var(--incoming-background, #e4e6e8);\n  border-radius: 8px;\n  padding: 6px;\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n  align-items: flex-start;\n  justify-content: flex-start;\n  flex-shrink: 0;\n  position: relative;\n}\n.reply-message-preview-placeholder-icon {\n  border-radius: 4px;\n  padding: 4px;\n  display: flex;\n  flex-direction: row;\n  gap: 0px;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  position: relative;\n}\n.reply-message-media-text-document {\n  align-self: stretch;\n  flex: 1;\n  position: relative;\n  overflow: visible;\n}\n.reply-message-preview-message {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  align-items: flex-start;\n  justify-content: center;\n  flex-shrink: 0;\n  position: relative;\n}\n.reply-message-preview-message-caption {\n  display: flex;\n  flex-direction: row;\n  gap: 0px;\n  align-items: flex-start;\n  justify-content: flex-start;\n  flex-shrink: 0;\n  position: relative;\n}\n.reply-message-preview-message-caption-info {\n  display: flex;\n  flex-direction: row;\n  gap: 2px;\n  align-items: center;\n  justify-content: flex-start;\n  flex-shrink: 0;\n  position: relative;\n}\n.reply-message-preview-message-caption-info-icon {\n  border-radius: 4px;\n  display: flex;\n  flex-direction: row;\n  gap: 0px;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 16px;\n  height: 16px;\n  position: relative;\n}\n.actions-reply-filled {\n  align-self: stretch;\n  flex: 1;\n  position: relative;\n  overflow: visible;\n}\n.reply-message-preview-message-caption-info-replied-to-name {\n  color: var(--tertiary-elements, #636d78);\n  text-align: left;\n  font: var(--label-label-medium, 500 12px/16px \"Roboto\", sans-serif);\n  position: relative;\n}\n.reply-message-preview-message-caption-info-file {\n  color: var(--caption, #90979f);\n  text-align: center;\n  font: var(--body-body-small, 400 12px/16px \"Roboto\", sans-serif);\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.reply-message-preview-message-caption-info-text {\n  color: var(--main-text, #0b1b0f);\n  text-align: center;\n  font: var(--body-body-large, 400 16px/24px \"Roboto\", sans-serif);\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.reply-message-preview-message-navigation-close {\n  align-self: stretch;\n  // flex: 1;\n  position: relative;\n  overflow: visible;\n}\n.reply-message-icon{\n  width: 24px;\n  height: 24px;\n  cursor: pointer;\n  fill: var(--secondary-elements);\n\n  svg path{\n    fill: var(--secondary-elements);\n  }\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/Presentation-ui-components-MessageSeparator-MessageSeparator-stories.34aa36b2.chunk.css

@@ -0,0 +1,3 @@
+.system-date-banner-chat-banner{background:var(--incoming-background);border-radius:30px;padding:2px 8px 2px 8px;display:flex;gap:10px;align-items:center;justify-content:center;color:var(--secondary-text);text-align:center;font:500 11px/16px "Roboto", sans-serif;font:var(--label-label-small, 500 11px/16px "Roboto", sans-serif)}.system-date-banner-chat-banner,.system-date-banner-chat-banner *{box-sizing:border-box}.system-message-chat-banner{padding:2px 8px 2px 8px;display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center;flex-shrink:0;color:var(--secondary-text);text-align:center;font:500 11px/16px "Roboto", sans-serif;font:var(--label-label-small, 500 11px/16px "Roboto", sans-serif)}
+
+/*# sourceMappingURL=Presentation-ui-components-MessageSeparator-MessageSeparator-stories.34aa36b2.chunk.css.map*/

package/storybook-static/static/css/Presentation-ui-components-MessageSeparator-MessageSeparator-stories.34aa36b2.chunk.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/css/Presentation-ui-components-MessageSeparator-MessageSeparator-stories.34aa36b2.chunk.css","mappings":"AAEA","sources":["webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/MessageSeparator/MessageSeparator.scss","webpack://quickblox-react-ui-kit/./src/Presentation/themes/styles/_mixins.scss"],"sourcesContent":["@import '../../themes/styles/mixins';\n\n.system-date-banner-chat-banner {\n  @include applyBorderBox;\n\n  background: var(--incoming-background);\n  border-radius: 30px;\n  padding: 2px 8px 2px 8px;\n  display: flex;\n  gap: 10px;\n  align-items: center;\n  justify-content: center;\n  color: var(--secondary-text);\n  text-align: center;\n  font: var(--label-label-small, 500 11px/16px \"Roboto\", sans-serif);\n}\n\n.system-message-chat-banner {\n    padding: 2px 8px 2px 8px;\n    display: flex;\n    flex-direction: row;\n    gap: 10px;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    color: var(--secondary-text);\n    text-align: center;\n    font: var(--label-label-small, 500 11px/16px \"Roboto\", sans-serif);\n}\n\n","@mixin applyBorderBox {\n  &,\n  * {\n    box-sizing: border-box;\n  }\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/Presentation-ui-components-Placeholder-Placeholder-stories.1ebf88ab.chunk.css

@@ -0,0 +1,4 @@
+.placeholder{display:flex;flex-direction:column;align-items:center}.placeholder,.placeholder *{box-sizing:border-box}.placeholder__text{font-family:"Roboto";font-weight:400;font-size:16px;line-height:24px;letter-spacing:.15px;color:var(--caption);text-align:center}.placeholder__icon{width:52px;height:52px;margin-bottom:16px;fill:var(--caption)}.placeholder__retry{display:flex;align-items:center;padding:4px 8px 4px 8px;fill:#3978fc;color:#3978fc;font-family:"Roboto";font-weight:700;font-size:14px;line-height:16px;letter-spacing:.4px}.placeholder__retry-icon{width:24px;height:24px;margin-right:8px;cursor:pointer}
+.loader{animation:rotate 1s infinite linear}.loader--sm{width:24px;height:24px}.loader--md{width:48px;height:48px}.loader--lg{width:52px;height:52px}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
+
+/*# sourceMappingURL=Presentation-ui-components-Placeholder-Placeholder-stories.1ebf88ab.chunk.css.map*/

package/storybook-static/static/css/Presentation-ui-components-Placeholder-Placeholder-stories.1ebf88ab.chunk.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/css/Presentation-ui-components-Placeholder-Placeholder-stories.1ebf88ab.chunk.css","mappings":"AAEA;AEFA","sources":["webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Placeholder/Placeholder.scss","webpack://quickblox-react-ui-kit/./src/Presentation/themes/styles/_mixins.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Loader/Loader.scss"],"sourcesContent":["@import '../../themes/styles/mixins';\n\n.placeholder {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  @include applyBorderBox;\n\n  &__text {\n\n    font-family: 'Roboto';\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: 0.15px;\n    color: var(--caption);\n    text-align: center;\n  }\n\n  &__icon {\n    width: 52px;\n    height: 52px;\n    margin-bottom: 16px;\n\n    fill: var(--caption);\n  }\n\n  &__retry {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px 4px 8px;\n\n    fill: #3978fc;\n    color: #3978fc;\n\n    font-family: 'Roboto';\n    font-weight: 700;\n    font-size: 14px;\n    line-height: 16px;\n    letter-spacing: 0.4px;\n  }\n\n  &__retry-icon {\n    width: 24px;\n    height: 24px;\n    margin-right: 8px;\n\n    cursor: pointer;\n  }\n}\n","@mixin applyBorderBox {\n  &,\n  * {\n    box-sizing: border-box;\n  }\n}\n",".loader {\n  &--sm {\n    width: 24px;\n    height: 24px;\n  }\n\n  &--md {\n    width: 48px;\n    height: 48px;\n  }\n\n  &--lg {\n    width: 52px;\n    height: 52px;\n  }\n\n  animation: rotate 1s infinite linear;\n\n  @keyframes rotate {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/Presentation-ui-components-PreviewFileMessage-PreviewFileMessage-stories.015ac417.chunk.css

@@ -0,0 +1,3 @@
+.preview-file-message{display:flex;gap:8px;align-items:center}.preview-file-message__image{object-fit:cover;display:block;width:32px;height:32px;background:#e4e6e8;background:var(--incoming-background, #e4e6e8);border-radius:8px;flex-shrink:0}.preview-file-message__icon{fill:var(--caption);padding:6px}.preview-file-message__name{color:var(--secondary-text);text-align:left;font:400 12px/16px "Roboto",sans-serif;letter-spacing:.4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
+
+/*# sourceMappingURL=Presentation-ui-components-PreviewFileMessage-PreviewFileMessage-stories.015ac417.chunk.css.map*/

package/storybook-static/static/css/Presentation-ui-components-PreviewFileMessage-PreviewFileMessage-stories.015ac417.chunk.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/css/Presentation-ui-components-PreviewFileMessage-PreviewFileMessage-stories.015ac417.chunk.css","mappings":"AAAA","sources":["webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.scss"],"sourcesContent":[".preview-file-message {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n\n  &__image {\n    object-fit: cover;\n    display: block;\n    width: 32px;\n    height: 32px;\n    background: var(--incoming-background, #e4e6e8);\n    border-radius: 8px;\n    flex-shrink: 0;\n  }\n\n  &__icon {\n    fill: var(--caption);\n    padding: 6px;\n  }\n\n  &__name {\n    color: var(--secondary-text);\n    text-align: left;\n    font: 400 12px/16px \"Roboto\", sans-serif;\n    letter-spacing: 0.4px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/Presentation-ui-components-SettingsItem-SettingsItem-stories.7b98a5d4.chunk.css

@@ -0,0 +1,5 @@
+.settings-item{background-color:var(--color-background)}.settings-item,.settings-item *{box-sizing:border-box}.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}
+.badge{display:flex;justify-content:center;align-items:center;height:20px;border-radius:30px;padding:2px 6px;font-family:"Roboto";font-weight:500;font-size:12px;line-height:16px;letter-spacing:.5px;background-color:var(--main-elements);color:var(--secondary-background)}.badge--mute{background-color:var(--disabled-elements);color:var(--secondary-background)}
+.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{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}
+
+/*# sourceMappingURL=Presentation-ui-components-SettingsItem-SettingsItem-stories.7b98a5d4.chunk.css.map*/

package/storybook-static/static/css/Presentation-ui-components-SettingsItem-SettingsItem-stories.7b98a5d4.chunk.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/css/Presentation-ui-components-SettingsItem-SettingsItem-stories.7b98a5d4.chunk.css","mappings":"AAEA;AEFA;ACEA","sources":["webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/SettingsItem/SettingsItem.scss","webpack://quickblox-react-ui-kit/./src/Presentation/themes/styles/_mixins.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Badge/Badge.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Avatar/Avatar.scss"],"sourcesContent":["@import '../../themes/styles/mixins';\n\n.settings-item {\n  @include applyBorderBox;\n  background-color: var(--color-background);\n\n  &__body {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    width: 100%;\n    height: 56px;\n    gap: 16px;\n\n    padding: 16px;\n  }\n\n  &__left-section {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n\n    font-family: 'Roboto';\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: 0.15px;\n  }\n\n  &__title {\n    margin-left: 16px;\n  }\n\n  &__right-section {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n\n  &__arrow {\n    width: 24px;\n    height: 24px;\n    fill: var(--secondary-elements);\n    cursor: pointer;\n    transform: rotate(270deg);\n    transition: transform 0.3s ease-in-out;\n\n    &--opened {\n      transform: rotate(360deg);\n    }\n  }\n\n  &__children {\n    height: 0;\n    overflow: auto;\n\n    transition: height 0.2s ease-in;\n\n    &--opened {\n      height: 100%;\n    }\n  }\n\n  &__icon {\n    width: 24px;\n    height: 24px;\n  }\n}\n","@mixin applyBorderBox {\n  &,\n  * {\n    box-sizing: border-box;\n  }\n}\n",".badge {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  height: 20px;\n  border-radius: 30px;\n  padding: 2px 6px;\n\n  font-family: 'Roboto';\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 16px;\n  letter-spacing: 0.5px;\n\n  background-color: var(--main-elements);\n  color: var(--secondary-background);\n\n  &--mute {\n    background-color: var(--disabled-elements);\n    color: var(--secondary-background);\n  }\n}\n","@import '../../themes/styles/mixins';\n\n.avatar {\n  @include applyBorderBox;\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n\n  overflow: hidden;\n  border-radius: 50%;\n  background-color: var(--disabled-elements);\n  color: var(--secondary-text);\n\n  svg {\n    fill: var(--secondary-text);\n    padding: 10px;\n  }\n\n  &__image {\n    object-fit: cover;\n    width: 100%;\n    height: 100%;\n  }\n\n  &--xs {\n    width: 32px;\n    height: 32px;\n  }\n\n  &--sm {\n    width: 36px;\n    height: 36px;\n  }\n\n  &--md {\n    width: 40px;\n    height: 40px;\n  }\n\n  &--lg {\n    width: 56px;\n    height: 56px;\n  }\n\n  &--xl {\n    width: 64px;\n    height: 64px;\n  }\n\n  &--xxl {\n    width: 80px;\n    height: 80px;\n  }\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/Presentation-ui-components-TextField-TextField-stories.412027f8.chunk.css

@@ -0,0 +1,4 @@
+.loader{animation:rotate 1s infinite linear}.loader--sm{width:24px;height:24px}.loader--md{width:48px;height:48px}.loader--lg{width:52px;height:52px}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
+.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)}
+
+/*# sourceMappingURL=Presentation-ui-components-TextField-TextField-stories.412027f8.chunk.css.map*/

package/storybook-static/static/css/Presentation-ui-components-TextField-TextField-stories.412027f8.chunk.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/css/Presentation-ui-components-TextField-TextField-stories.412027f8.chunk.css","mappings":"AAAA;ACCA","sources":["webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Loader/Loader.scss","webpack://quickblox-react-ui-kit/./src/Presentation/themes/styles/_mixins.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/TextField/TextField.scss"],"sourcesContent":[".loader {\n  &--sm {\n    width: 24px;\n    height: 24px;\n  }\n\n  &--md {\n    width: 48px;\n    height: 48px;\n  }\n\n  &--lg {\n    width: 52px;\n    height: 52px;\n  }\n\n  animation: rotate 1s infinite linear;\n\n  @keyframes rotate {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n}\n","@mixin applyBorderBox {\n  &,\n  * {\n    box-sizing: border-box;\n  }\n}\n","@import '../../themes/styles/mixins';\n\n.text-field {\n  @include applyBorderBox;\n\n  &__label {\n    font-family: 'Roboto';\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 20px;\n    letter-spacing: 0.25px;\n  }\n\n  &__wrapper {\n    background-color: var(----color-background);\n\n    display: flex;\n    align-items: center;\n\n    border-radius: 4px;\n    border: 1px solid var(--tertiary-elements);\n    margin-top: 8px;\n    padding: 6px 8px;\n\n    &:active {\n      border: 1px solid var(--main-elements);\n    }\n  }\n\n  &__icon {\n    margin-right: 6px;\n  }\n\n  &__input {\n    width: 100%;\n    border: none;\n    outline: none;\n\n    font-family: 'Roboto';\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: 0.15px;\n\n    &:disabled {\n      background-color: transparent;\n      cursor: not-allowed;\n      border: none;\n      color: inherit;\n    }\n\n    &::placeholder {\n      color: var(--secondary-text);\n    }\n  }\n\n  &__reset {\n    width: 24px;\n    height: 24px;\n    fill: var(--tertiary-elements);\n\n    cursor: pointer;\n  }\n\n  &--disabled *,\n  &--disabled &__label &__reset {\n    color: var(--disabled-elements);\n    fill: var(--disabled-elements);\n\n    cursor: not-allowed;\n  }\n\n  &--disabled &__wrapper {\n    background-color: var(--incoming-background);\n    border: none;\n\n    &:active {\n      border: none;\n    }\n  }\n\n  &--disabled &__input {\n    &::placeholder {\n      color: var(--disabled-elements);\n    }\n  }\n\n  &__loader {\n    fill: var(--color-icon);\n  }\n}\n"],"names":[],"sourceRoot":""}