quickblox-react-ui-kit 0.4.6-beta.1 → 0.4.6-beta.3

package/src/Presentation/Views/InviteMembers/InviteUsersList/SingleUserWithCheckBox/SingleUserWithCheckBox.scss

@@ -1,90 +1,90 @@
-$user-single-container-height: 336px;
-.user-single-container-chbox {
-  min-height: $user-single-container-height;
-  max-height: $user-single-container-height;
-  height: $user-single-container-height;
-
-  &--search-wrapper{
-    min-height: 56px;
-    display: flex;
-    flex-direction: row;
-    flex-wrap: nowrap;
-    justify-content: flex-start;
-    align-items: center;
-    gap: 16px;
-
-    &__search-text{
-      min-height: 24px;
-      font-family: 'Roboto';
-      font-style: normal;
-      font-weight: 400;
-      font-size: 16px;
-      line-height: 24px;
-      letter-spacing: 0.15px;
-      flex: 2 2 268px;
-      letter-spacing: 0.15px;
-    }
-    &__search-icon{
-      min-height: 24px;
-      margin-left: 10px;
-      flex: 1 1 24px;
-      cursor: pointer;
-    }
-  }
-
-  &--wrapper {
-    min-height: 56px;
-    display: flex;
-    flex-direction: row;
-    flex-wrap: nowrap;
-    justify-content: flex-start;
-    align-items: center;
-    gap: 16px;
-
-    border-bottom: 1px solid var(--color-divider);
-
-    &__username {
-
-      // width: 193px;
-      height: 24px;
-      font-family: 'Roboto';
-      font-style: normal;
-      font-weight: 400;
-      font-size: 16px;
-      line-height: 24px;
-
-      display: flex;
-      align-items: center;
-      letter-spacing: 0.15px;
-      color: var(--main-text);
-
-    }
-    &__select {
-      min-height: 24px;
-      min-width: 24px;
-      max-width: 24px;
-    }
-
-    &__icon {
-      min-height: 40px;
-      min-width: 40px;
-      max-height: 40px;
-      max-width: 40px;
-      margin-left: 16px;
-      margin-top: 8px;
-      margin-bottom: 8px;
-      // flex: 1 1 24px;
-      display: flex;
-      //cursor: pointer;
-      background-color: var(--disabled-elements);
-      border-radius: 50%;
-      align-items: center;
-      text-align: center;
-      align-content: center;
-
-      &__content {
-        margin: 6px;
-      }
-    }
-  }
-}
+$user-single-container-height: 336px;
+.user-single-container-chbox {
+  min-height: $user-single-container-height;
+  max-height: $user-single-container-height;
+  height: $user-single-container-height;
+
+  &--search-wrapper{
+    min-height: 56px;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    justify-content: flex-start;
+    align-items: center;
+    gap: 16px;
+
+    &__search-text{
+      min-height: 24px;
+      font-family: 'Roboto';
+      font-style: normal;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 24px;
+      letter-spacing: 0.15px;
+      flex: 2 2 268px;
+      letter-spacing: 0.15px;
+    }
+    &__search-icon{
+      min-height: 24px;
+      margin-left: 10px;
+      flex: 1 1 24px;
+      cursor: pointer;
+    }
+  }
+
+  &--wrapper {
+    min-height: 56px;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    justify-content: flex-start;
+    align-items: center;
+    gap: 16px;
+
+    border-bottom: 1px solid var(--color-divider);
+
+    &__username {
+
+      // width: 193px;
+      height: 24px;
+      font-family: 'Roboto';
+      font-style: normal;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 24px;
+
+      display: flex;
+      align-items: center;
+      letter-spacing: 0.15px;
+      color: var(--main-text);
+
+    }
+    &__select {
+      min-height: 24px;
+      min-width: 24px;
+      max-width: 24px;
+    }
+
+    &__icon {
+      min-height: 40px;
+      min-width: 40px;
+      max-height: 40px;
+      max-width: 40px;
+      margin-left: 16px;
+      margin-top: 8px;
+      margin-bottom: 8px;
+      // flex: 1 1 24px;
+      display: flex;
+      //cursor: pointer;
+      background-color: var(--disabled-elements);
+      border-radius: 50%;
+      align-items: center;
+      text-align: center;
+      align-content: center;
+
+      &__content {
+        margin: 6px;
+      }
+    }
+  }
+}

package/src/Presentation/Views/InviteMembers/NotFoundContent/NotFoundContent.scss

@@ -1,38 +1,38 @@
-.not-found-content-container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 0px;
-  gap: 16px;
-
-  //width: 332px;
-  width: 100%;
-  height: 100px;
-
-  background: var(--main-background);
-
-  &__icon {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    padding: 4px;
-
-    width: 60px;
-    height: 60px;
-  }
-
-  &__message {
-    width: 164px;
-    height: 24px;
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 400;
-    font-size: 16px;
-    line-height: 24px;
-
-    text-align: center;
-    letter-spacing: 0.15px;
-    color: var(--caption);
-  }
-}
+.not-found-content-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 0px;
+  gap: 16px;
+
+  //width: 332px;
+  width: 100%;
+  height: 100px;
+
+  background: var(--main-background);
+
+  &__icon {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    padding: 4px;
+
+    width: 60px;
+    height: 60px;
+  }
+
+  &__message {
+    width: 164px;
+    height: 24px;
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 24px;
+
+    text-align: center;
+    letter-spacing: 0.15px;
+    color: var(--caption);
+  }
+}

package/src/Presentation/Views/Navigation/More.svg

@@ -1,7 +1,7 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Navigation/More">
-<g id="Vector">
-<path d="M21.9999 14.6667C24.0166 14.6667 25.6666 13.0167 25.6666 11C25.6666 8.98334 24.0166 7.33334 21.9999 7.33334C19.9833 7.33334 18.3333 8.98334 18.3333 11C18.3333 13.0167 19.9833 14.6667 21.9999 14.6667ZM21.9999 18.3333C19.9833 18.3333 18.3333 19.9833 18.3333 22C18.3333 24.0167 19.9833 25.6667 21.9999 25.6667C24.0166 25.6667 25.6666 24.0167 25.6666 22C25.6666 19.9833 24.0166 18.3333 21.9999 18.3333ZM21.9999 29.3333C19.9833 29.3333 18.3333 30.9833 18.3333 33C18.3333 35.0167 19.9833 36.6667 21.9999 36.6667C24.0166 36.6667 25.6666 35.0167 25.6666 33C25.6666 30.9833 24.0166 29.3333 21.9999 29.3333Z" fill="#0B121B"/>
-</g>
-</g>
-</svg>
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Navigation/More">
+<g id="Vector">
+<path d="M21.9999 14.6667C24.0166 14.6667 25.6666 13.0167 25.6666 11C25.6666 8.98334 24.0166 7.33334 21.9999 7.33334C19.9833 7.33334 18.3333 8.98334 18.3333 11C18.3333 13.0167 19.9833 14.6667 21.9999 14.6667ZM21.9999 18.3333C19.9833 18.3333 18.3333 19.9833 18.3333 22C18.3333 24.0167 19.9833 25.6667 21.9999 25.6667C24.0166 25.6667 25.6666 24.0167 25.6666 22C25.6666 19.9833 24.0166 18.3333 21.9999 18.3333ZM21.9999 29.3333C19.9833 29.3333 18.3333 30.9833 18.3333 33C18.3333 35.0167 19.9833 36.6667 21.9999 36.6667C24.0166 36.6667 25.6666 35.0167 25.6666 33C25.6666 30.9833 24.0166 29.3333 21.9999 29.3333Z" fill="#0B121B"/>
+</g>
+</g>
+</svg>

package/src/Presentation/Views/PreviewDialog/PreviewDialog.scss

@@ -1,211 +1,211 @@
-
-.dialog-preview-container {
-  display: flex;
-  border: 1px solid var(--chat-input);
-  gap: 16px;
-}
-.dialog-preview-container-left {
-  flex: 1;
-  margin-left: 10px;
-}
-.dialog-preview-container-right {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 40px;
-}
-
-.dialog-preview,
-.dialog-preview * {
-  box-sizing: border-box;
-}
-.dialog-preview {
-  padding: 6px 6px 6px 6px;
-  display: flex;
-  flex-direction: row;
-  gap: 16px;
-  align-items: center;
-  justify-content: flex-start;
-  align-self: stretch;
-  flex-shrink: 0;
-  position: relative;
-}
-.dialog-preview-item {
-  background: var(--color-background, #ffffff);
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-}
-.dialog-preview-avatar {
-  flex-shrink: 0;
-  width: 56px;
-  height: 56px;
-  position: relative;
-}
-.dialog-preview-avatar-rectangle {
-  position: absolute;
-  right: 0%;
-  left: 0%;
-  width: 100%;
-  bottom: 0%;
-  top: 0%;
-  height: 100%;
-}
-.dialog-preview-avatar-ellipse {
-  background: var(--disabled-elements, #bcc1c5);
-  border-radius: 50%;
-  position: absolute;
-  right: 0%;
-  left: 0%;
-  width: 100%;
-  bottom: 0%;
-  top: 0%;
-  height: 100%;
-}
-.dialog-preview-avatar-contents-user {
-  height: auto;
-  position: absolute;
-  right: 17.86%;
-  left: 17.86%;
-  width: 64.29%;
-  bottom: 17.86%;
-  top: 17.86%;
-  height: 64.29%;
-  overflow: visible;
-}
-.dialog-preview-text {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  align-items: flex-start;
-  justify-content: flex-start;
-  flex: 1;
-  position: relative;
-}
-.dialog-preview-text-subtitle {
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  justify-content: space-between;
-  align-self: stretch;
-  flex-shrink: 0;
-  position: relative;
-}
-.dialog-preview-text-subtitle-caption {
-  display: flex;
-  flex-direction: row;
-  gap: 0px;
-  align-items: center;
-  justify-content: flex-start;
-  flex-shrink: 0;
-  position: relative;
-}
-.dialog-preview-text-subtitle-caption-name {
-  color: var(--main-text, #0b1b0f);
-  text-align: left;
-  font: var(--label-label-medium, 500 12px/16px "Roboto", sans-serif);
-  position: relative;
-}
-.dialog-item-preview-text{
-  color: var(--main-text);
-  text-align: left;
-  font: var(--body-body-small, 400 12px/16px "Roboto", sans-serif);
-  position: relative;
-  align-self: stretch;
-  height: 32px;
-}
-
-.dialog-preview-text-subtitle-caption2 {
-  display: flex;
-  flex-direction: row;
-  gap: 0px;
-  align-items: flex-start;
-  justify-content: flex-start;
-  flex-shrink: 0;
-  position: relative;
-}
-.dialog-preview-text-subtitle-caption2-time {
-  color: var(--tertiary-elements, #636d78);
-  text-align: right;
-  font: var(--label-label-small, 500 11px/16px "Roboto", sans-serif);
-  position: relative;
-}
-.dialog-preview-text-subtitle-text {
-  color: var(--secondary-text, #636d78);
-  text-align: left;
-  font: var(--body-body-small, 400 12px/16px "Roboto", sans-serif);
-  position: relative;
-  align-self: stretch;
-
-  ///
-  display: inline-block;
-  word-wrap: break-word;
-  overflow: hidden;
-  max-height: 32px;
-  height: 32px;
-}
-
-.dialog-preview-text-subtitle-message-badge {
-  background: var(--main-elements, #3978fc);
-  border-radius: 30px;
-  padding: 2px 6px 2px 6px;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  position: relative;
-  height: 22px;
-}
-.dialog-preview-text-subtitle-message-badge-v {
-  color: var(--color-background, #ffffff);
-  text-align: center;
-  font: var(--label-label-medium, 500 12px/16px "Roboto", sans-serif);
-  position: relative;
-}
-
-.dialog-preview-text-subtitle-message {
-  display: flex;
-  flex-flow: row;
-  align-items: center;
-  justify-content: space-between;
-  align-self: stretch;
-}
-
-.dialog-preview-icon-close {
-  border-radius: 4px;
-  padding: 4px;
-  display: flex;
-  flex-direction: row;
-  gap: 0px;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  width: 12px;
-  height: 22px;
-  position: relative;
-  cursor: pointer;
-}
-
-.dpa-contents-user {
-  height: auto;
-  position: absolute;
-  right: 17.86%;
-  left: 17.86%;
-  width: 64.29%;
-  bottom: 17.86%;
-  top: 17.86%;
-  height: 64.29%;
-  overflow: visible;
-}
-.dialog-item-preview-border{
-  border-style: solid;
-  border-color: var(--color-divider, #e7efff);
-  border-width: 0 0 1px 0;
-}
-
-
-
-
+
+.dialog-preview-container {
+  display: flex;
+  border: 1px solid var(--chat-input);
+  gap: 16px;
+}
+.dialog-preview-container-left {
+  flex: 1;
+  margin-left: 10px;
+}
+.dialog-preview-container-right {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+}
+
+.dialog-preview,
+.dialog-preview * {
+  box-sizing: border-box;
+}
+.dialog-preview {
+  padding: 6px 6px 6px 6px;
+  display: flex;
+  flex-direction: row;
+  gap: 16px;
+  align-items: center;
+  justify-content: flex-start;
+  align-self: stretch;
+  flex-shrink: 0;
+  position: relative;
+}
+.dialog-preview-item {
+  background: var(--color-background, #ffffff);
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+}
+.dialog-preview-avatar {
+  flex-shrink: 0;
+  width: 56px;
+  height: 56px;
+  position: relative;
+}
+.dialog-preview-avatar-rectangle {
+  position: absolute;
+  right: 0%;
+  left: 0%;
+  width: 100%;
+  bottom: 0%;
+  top: 0%;
+  height: 100%;
+}
+.dialog-preview-avatar-ellipse {
+  background: var(--disabled-elements, #bcc1c5);
+  border-radius: 50%;
+  position: absolute;
+  right: 0%;
+  left: 0%;
+  width: 100%;
+  bottom: 0%;
+  top: 0%;
+  height: 100%;
+}
+.dialog-preview-avatar-contents-user {
+  height: auto;
+  position: absolute;
+  right: 17.86%;
+  left: 17.86%;
+  width: 64.29%;
+  bottom: 17.86%;
+  top: 17.86%;
+  height: 64.29%;
+  overflow: visible;
+}
+.dialog-preview-text {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  align-items: flex-start;
+  justify-content: flex-start;
+  flex: 1;
+  position: relative;
+}
+.dialog-preview-text-subtitle {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: space-between;
+  align-self: stretch;
+  flex-shrink: 0;
+  position: relative;
+}
+.dialog-preview-text-subtitle-caption {
+  display: flex;
+  flex-direction: row;
+  gap: 0px;
+  align-items: center;
+  justify-content: flex-start;
+  flex-shrink: 0;
+  position: relative;
+}
+.dialog-preview-text-subtitle-caption-name {
+  color: var(--main-text, #0b1b0f);
+  text-align: left;
+  font: var(--label-label-medium, 500 12px/16px "Roboto", sans-serif);
+  position: relative;
+}
+.dialog-item-preview-text{
+  color: var(--main-text);
+  text-align: left;
+  font: var(--body-body-small, 400 12px/16px "Roboto", sans-serif);
+  position: relative;
+  align-self: stretch;
+  height: 32px;
+}
+
+.dialog-preview-text-subtitle-caption2 {
+  display: flex;
+  flex-direction: row;
+  gap: 0px;
+  align-items: flex-start;
+  justify-content: flex-start;
+  flex-shrink: 0;
+  position: relative;
+}
+.dialog-preview-text-subtitle-caption2-time {
+  color: var(--tertiary-elements, #636d78);
+  text-align: right;
+  font: var(--label-label-small, 500 11px/16px "Roboto", sans-serif);
+  position: relative;
+}
+.dialog-preview-text-subtitle-text {
+  color: var(--secondary-text, #636d78);
+  text-align: left;
+  font: var(--body-body-small, 400 12px/16px "Roboto", sans-serif);
+  position: relative;
+  align-self: stretch;
+
+  ///
+  display: inline-block;
+  word-wrap: break-word;
+  overflow: hidden;
+  max-height: 32px;
+  height: 32px;
+}
+
+.dialog-preview-text-subtitle-message-badge {
+  background: var(--main-elements, #3978fc);
+  border-radius: 30px;
+  padding: 2px 6px 2px 6px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  position: relative;
+  height: 22px;
+}
+.dialog-preview-text-subtitle-message-badge-v {
+  color: var(--color-background, #ffffff);
+  text-align: center;
+  font: var(--label-label-medium, 500 12px/16px "Roboto", sans-serif);
+  position: relative;
+}
+
+.dialog-preview-text-subtitle-message {
+  display: flex;
+  flex-flow: row;
+  align-items: center;
+  justify-content: space-between;
+  align-self: stretch;
+}
+
+.dialog-preview-icon-close {
+  border-radius: 4px;
+  padding: 4px;
+  display: flex;
+  flex-direction: row;
+  gap: 0px;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: 12px;
+  height: 22px;
+  position: relative;
+  cursor: pointer;
+}
+
+.dpa-contents-user {
+  height: auto;
+  position: absolute;
+  right: 17.86%;
+  left: 17.86%;
+  width: 64.29%;
+  bottom: 17.86%;
+  top: 17.86%;
+  height: 64.29%;
+  overflow: visible;
+}
+.dialog-item-preview-border{
+  border-style: solid;
+  border-color: var(--color-divider, #e7efff);
+  border-width: 0 0 1px 0;
+}
+
+
+
+