stream-chat-react 14.0.0-beta.3 → 14.0.0-beta.4

package/dist/scss/v2/Modal/Modal-theme.scss

@@ -1,109 +0,0 @@
-@use '../utils';
-
-.str-chat {
-  /* The border radius used for the borders of the content area of the component of the content area of the component */
-  --str-chat__modal-border-radius: var(--str-chat__border-radius-sm);
-
-  /* The text/icon color of the content area of the component */
-  --str-chat__modal-color: var(--str-chat__text-color);
-
-  /* The background color of the content area of the component */
-  --str-chat__modal-background-color: var(--str-chat__secondary-background-color);
-
-  /* The overlay color of the component */
-  --str-chat__modal-overlay-color: var(--str-chat__secondary-overlay-color);
-
-  /* The backdrop filter applied to the component */
-  --str-chat__modal-overlay-backdrop-filter: blur(3px);
-
-  /* Top border of the content area of the component */
-  --str-chat__modal-border-block-start: none;
-
-  /* Bottom border of the content area of the component */
-  --str-chat__modal-border-block-end: none;
-
-  /* Left (right in RTL layout) border of the content area of the component */
-  --str-chat__modal-border-inline-start: none;
-
-  /* Right (left in RTL layout) border of the content area of the component */
-  --str-chat__modal-border-inline-end: none;
-
-  /* Box shadow applied to the content area of the component */
-  --str-chat__modal-box-shadow: none;
-
-  /* The background color of the close button */
-  --str-chat__modal-close-icon-background: var(--str-chat__text-low-emphasis-color);
-
-  /* The icon color of the close button */
-  --str-chat__modal-close-icon-color: var(--str-chat__on-disabled-color);
-}
-
-.str-chat__modal {
-  background-color: var(--str-chat__modal-overlay-color);
-  backdrop-filter: var(--str-chat__modal-overlay-backdrop-filter);
-
-  .str-chat__modal__inner {
-    @include utils.component-layer-overrides('modal');
-  }
-
-  .str-chat__modal-header {
-    .str-chat__modal-header__title {
-      font: var(--str-chat__subtitle2-medium-text);
-    }
-  }
-
-  .str-chat__modal__close-button {
-    --str-chat-icon-color: var(--str-chat__modal-close-icon-color);
-    @include utils.button-reset;
-
-    .str-chat__icon {
-      background-color: var(--str-chat__modal-close-icon-background);
-      border-radius: 999px;
-    }
-
-    svg {
-      path {
-        fill: var(--str-chat__modal-close-icon-color);
-      }
-
-      rect,
-      circle {
-        fill: var(--str-chat__modal-close-icon-background);
-      }
-    }
-  }
-}
-
-@mixin image-on-modal {
-  .str-chat__modal__inner.str-chat-react__modal__inner {
-    background-color: transparent;
-    width: unset;
-    max-width: unset;
-    height: unset;
-    padding: 0;
-
-    img {
-      max-width: unset;
-      max-height: calc(100vh - 80px);
-      cursor: default;
-    }
-  }
-}
-
-// stream-chat-react image gallery does not show the modal inner container. It has to be reset to
-// width of its content in order the modal can be closed when clicked on overlay
-// todo: remove this rule once only GlobalModal is used and old Modal is removed from stream-chat-react
-.str-chat__message-attachment--card,
-.str-chat__message-attachment--image,
-.str-chat__message-attachment--gallery {
-  .str-chat__modal--open {
-    @include image-on-modal;
-  }
-}
-
-.str-chat-react__modal.str-chat__modal--open {
-  &.str-chat__image-modal,
-  &.str-chat__gallery-modal {
-    @include image-on-modal;
-  }
-}

package/dist/scss/v2/Notification/MessageNotification-layout.scss

@@ -1,12 +0,0 @@
-.str-chat__message-notification {
-  display: block;
-  position: absolute;
-  align-self: center;
-  padding: var(--str-chat__spacing-1) var(--str-chat__spacing-2);
-  bottom: calc(var(--str-chat__spacing-px) * 10);
-  z-index: 100;
-}
-
-.str-chat__list-notifications {
-  position: relative;
-}

package/dist/scss/v2/Notification/MessageNotification-theme.scss

@@ -1,34 +0,0 @@
-@use '../utils';
-
-/* Only available in React SDK. */
-.str-chat {
-  /* The background color of the component */
-  --str-chat__message-notification-background-color: var(--str-chat__primary-color);
-
-  /* Top border of the component */
-  --str-chat__message-notification-border-block-start: none;
-
-  /* Bottom border of the component */
-  --str-chat__message-notification-border-block-end: none;
-
-  /* Left (right in RTL layout) border of the component */
-  --str-chat__message-notification-border-inline-start: none;
-
-  /* Right (left in RTL layout) border of the component */
-  --str-chat__message-notification-border-inline-end: none;
-
-  /* The border radius used for the borders of the component */
-  --str-chat__message-notification-border-radius: 50px;
-
-  /* Box shadow applied to the component */
-  --str-chat__message-notification-box-shadow: none;
-
-  /* The text/icon color of the component */
-  --str-chat__message-notification-color: var(--str-chat__on-primary-color);
-}
-
-.str-chat__message-notification {
-  @include utils.component-layer-overrides('message-notification');
-  font: var(--str-chat__caption-text);
-  cursor: pointer;
-}

package/dist/scss/v2/Notification/Notification-layout.scss

@@ -1,7 +0,0 @@
-.str-chat__notification {
-  padding: var(--str-chat__spacing-3_5) var(--str-chat__spacing-4);
-}
-
-.str-chat-react__notification {
-  z-index: 101;
-}

package/dist/scss/v2/Notification/Notification-theme.scss

@@ -1,32 +0,0 @@
-@use '../utils';
-
-.str-chat {
-  /* The border radius used for the borders of the component */
-  --str-chat__notification-border-radius: var(--str-chat__border-radius-sm);
-
-  /* The text/icon color of the component */
-  --str-chat__notification-color: var(--str-chat__opaque-surface-text-color);
-
-  /* The background color of the component */
-  --str-chat__notification-background-color: var(--str-chat__opaque-surface-background-color);
-
-  /* Top border of the component */
-  --str-chat__notification-border-block-start: none;
-
-  /* Bottom border of the component */
-  --str-chat__notification-border-block-end: none;
-
-  /* Left (right in RTL layout) border of the component */
-  --str-chat__notification-border-inline-start: none;
-
-  /* Right (left in RTL layout) border of the component */
-  --str-chat__notification-border-inline-end: none;
-
-  /* Box shadow applied to the component */
-  --str-chat__notification-box-shadow: 0 0 8px var(--str-chat__box-shadow-color);
-}
-
-.str-chat__notification {
-  @include utils.component-layer-overrides('notification');
-  font: var(--str-chat__subtitle-text);
-}

package/dist/scss/v2/Notification/NotificationList-layout.scss

@@ -1,11 +0,0 @@
-@use '../utils';
-
-.str-chat__list-notifications {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-  justify-content: center;
-  row-gap: var(--str-chat__spacing-1);
-  margin: var(--str-chat__spacing-1_5);
-  width: auto;
-}

package/dist/scss/v2/Notification/NotificationList-theme.scss

@@ -1,31 +0,0 @@
-@use '../utils';
-
-.str-chat {
-  /* The border radius used for the borders of the component */
-  --str-chat__notification-list-border-radius: none;
-
-  /* The text/icon color of the component */
-  --str-chat__notification-list-color: var(--str-chat__notification-list-text-color);
-
-  /* The background color of the component */
-  --str-chat__notification-list-background-color: transparent;
-
-  /* Top border of the component */
-  --str-chat__notification-list-border-block-start: none;
-
-  /* Bottom border of the component */
-  --str-chat__notification-list-border-block-end: none;
-
-  /* Left (right in RTL layout) border of the component */
-  --str-chat__notification-list-border-inline-start: none;
-
-  /* Right (left in RTL layout) border of the component */
-  --str-chat__notification-list-border-inline-end: none;
-
-  /* Box shadow applied to the component */
-  --str-chat__notification-list-box-shadow: none;
-}
-
-.str-chat__list-notifications {
-  @include utils.component-layer-overrides('notification-list');
-}