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

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

@@ -1,51 +0,0 @@
-.str-chat__edit-message-form {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-  justify-content: center;
-  row-gap: var(--str-chat__spacing-5);
-  width: 100%;
-  height: 100%;
-  min-height: 0;
-  min-width: 0;
-  max-width: 100%;
-  max-height: 100%;
-
-  .str-chat__edit-message-form-options {
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-
-    button {
-      cursor: pointer;
-      margin: 0;
-    }
-  }
-}
-
-.str-chat-angular__edit-message-form {
-  .str-chat__message-input-angular-host {
-    max-height: 100%;
-    min-height: 0;
-    display: flex;
-    min-width: 0;
-    max-width: 100%;
-  }
-
-  .str-chat__modal--open {
-    .str-chat__modal__inner {
-      height: 40%;
-      max-height: 80%;
-      min-width: 90%;
-      max-width: 90%;
-      width: 90%;
-      flex-basis: min-content;
-
-      @media only screen and (min-device-width: 768px) {
-        min-width: 40%;
-        max-width: 60%;
-        width: min-content;
-      }
-    }
-  }
-}

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

@@ -1,50 +0,0 @@
-@use '../utils';
-
-.str-chat {
-  /* The border radius used for the borders of the component. Note for Angular SDK users: this variable isn't available starting from version 5 */
-  --str-chat__edit-message-modal-button-border-radius: none;
-
-  /* The text color used for the send button. Note for Angular SDK users: this variable isn't available starting from version 5 */
-  --str-chat__edit-message-modal-send-button-color: var(--str-chat__primary-color);
-
-  /* The text color used for the cancel button. Note for Angular SDK users: this variable isn't available starting from version 5 */
-  --str-chat__edit-message-modal-cancel-button-color: var(--str-chat__text-low-emphasis-color);
-
-  /* The background color of the component. Note for Angular SDK users: this variable isn't available starting from version 5 */
-  --str-chat__edit-message-modal-button-background-color: transparent;
-
-  /* Top border of the component. Note for Angular SDK users: this variable isn't available starting from version 5 */
-  --str-chat__edit-message-modal-button-border-block-start: none;
-
-  /* Bottom border of the component. Note for Angular SDK users: this variable isn't available starting from version 5 */
-  --str-chat__edit-message-modal-button-border-block-end: none;
-
-  /* Left (right in RTL layout) border of the component. Note for Angular SDK users: this variable isn't available starting from version 5 */
-  --str-chat__edit-message-modal-button-border-inline-start: none;
-
-  /* Right (left in RTL layout) border of the component. Note for Angular SDK users: this variable isn't available starting from version 5 */
-  --str-chat__edit-message-modal-button-border-inline-end: none;
-
-  /* Box shadow applied to the component. Note for Angular SDK users: this variable isn't available starting from version 5 */
-  --str-chat__edit-message-modal-button-box-shadow: none;
-}
-
-.str-chat__edit-message-form {
-  .str-chat__edit-message-form-options {
-    .str-chat__edit-message-cancel,
-    .str-chat__edit-message-send {
-      @include utils.component-layer-overrides('edit-message-modal-button');
-      font: var(--str-chat__body-medium-text);
-    }
-
-    .str-chat__edit-message-cancel {
-      text-transform: capitalize;
-      color: var(--str-chat__edit-message-modal-cancel-button-color);
-    }
-
-    .str-chat__edit-message-send {
-      text-transform: uppercase;
-      color: var(--str-chat__edit-message-modal-send-button-color);
-    }
-  }
-}

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

@@ -1,49 +0,0 @@
-.str-chat__dialog__field {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-
-  .str-chat__form-field-error {
-    margin-left: 0.5rem;
-  }
-}
-
-.str-chat__form__switch-field {
-  width: 100%;
-  padding: 1rem;
-
-  input[type='checkbox'] {
-    display: none;
-  }
-
-  label {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    width: 100%;
-  }
-
-  .str-chat__form__switch-field__switch {
-    display: flex;
-    align-items: center;
-    width: calc(var(--str-chat__spacing-px) * 52);
-    height: calc(var(--str-chat__spacing-px) * 32);
-    padding: 0.25rem;
-
-    .str-chat__form__switch-field__switch-handle {
-      height: 1.5rem;
-      width: 1.5rem;
-    }
-
-    &.str-chat__form__switch-field__switch--on {
-      justify-content: flex-end;
-    }
-  }
-}
-
-.str-chat__dropdown {
-  .str-chat__dropdown__open-button {
-    width: 100%;
-    text-align: start;
-  }
-}

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

@@ -1,82 +0,0 @@
-@use '../utils';
-
-.str-chat {
-  // hide spin buttons form input of type number
-  /* Chrome, Safari, Edge, Opera */
-
-  input::-webkit-outer-spin-button,
-  input::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
-  }
-
-  /* Firefox */
-  input[type='number'] {
-    -moz-appearance: textfield;
-  }
-}
-
-.str-chat__form-field-error {
-  font-size: 0.75rem;
-  color: var(--str-chat__danger-color);
-}
-
-// fixme: duplicate mixin in poll theme
-@mixin field-background {
-  background-color: var(--str-chat__tertiary-surface-color);
-  border-radius: 0.75rem;
-}
-
-
-
-.str-chat__form__switch-field {
-  @include field-background;
-
-  &, label {
-    cursor: pointer;
-  }
-
-  label {
-    display: flex;
-    gap: 0.5rem;
-  }
-
-  .str-chat__form__switch-field__switch {
-    cursor: pointer;
-    background-color: var(--str-chat__text-low-emphasis-color);
-    border-radius: 100px;
-
-    .str-chat__form__switch-field__switch-handle {
-      border-radius: var(--str-chat__border-radius-circle);
-      background-color: var(--str-chat__disabled-color);
-    }
-
-    &.str-chat__form__switch-field__switch--on {
-      background-color: var(--str-chat__green600);
-
-      .str-chat__form__switch-field__switch-handle {
-        background-color: var(--str-chat__background-color);
-        border-radius: var(--str-chat__border-radius-circle);
-      }
-    }
-  }
-}
-
-.str-chat__form__switch-field--disabled {
-  .str-chat__form__switch-field--disabled,
-  .str-chat__form__switch-field--disabled .str-chat__form__switch-field__switch,
-  label {
-    cursor: not-allowed;
-  }
-}
-
-.str-chat__dropdown {
-  .str-chat__dropdown__open-button {
-    @include utils.button-reset;
-    cursor: pointer;
-  }
-
-  .str-chat__dropdown__items {
-    background-color: var(--str-chat__background-color);
-  }
-}

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

@@ -1,98 +0,0 @@
-/* Only available in Angular v5+ */
-.str-chat {
-  /* The height of the icon, only available in Angular v5+ */
-  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 24);
-  /* The width of the icon, only available in Angular v5+ */
-  --str-chat-icon-width: auto;
-}
-
-.str-chat__icon {
-  display: flex;
-  font-family: 'stream-chat-icons';
-  font-style: normal;
-  font-weight: normal;
-  font-size: var(--str-chat-icon-height);
-  line-height: var(--str-chat-icon-height);
-  height: var(--str-chat-icon-height);
-  width: var(--str-chat-icon-width);
-
-  &::before {
-    line-height: var(--str-chat-icon-height);
-  }
-}
-
-// File type icons
-.str-chat__icon--unspecified-filetype {
-  content: url('data:image/svg+xml;base64,PHN2ZwogIGRhdGEtdGVzdGlkPSJ1bnNwZWNpZmllZC1maWxldHlwZSIKICB3aWR0aD0iMzQiCiAgaGVpZ2h0PSI0MCIKICB2aWV3Qm94PSIwIDAgMzQgNDAiCiAgZmlsbD0ibm9uZSIKICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCj4KICA8cGF0aAogICAgZD0iTTAgM0MwIDEuMzQzMTUgMS4zNDMxNSAwIDMgMEgyM0wzNCAxMVYzN0MzNCAzOC42NTY5IDMyLjY1NjkgNDAgMzEgNDBIM0MxLjM0MzE1IDQwIDAgMzguNjU2OSAwIDM3VjNaIgogICAgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIKICAvPgogIDxwYXRoIGQ9Ik0zNCAxMUwyNiAxMUMyNC4zNDMxIDExIDIzIDkuNjU2ODUgMjMgOFYwTDM0IDExWiIgZmlsbD0iI0RCREJEQiIgLz4KICA8cGF0aAogICAgZmlsbC1ydWxlPSJldmVub2RkIgogICAgY2xpcC1ydWxlPSJldmVub2RkIgogICAgZD0iTTggMTNIMjNWMTVIOFYxM1oiCiAgICBmaWxsPSIjQ0ZDRkNGIgogIC8+CiAgPHBhdGgKICAgIGZpbGwtcnVsZT0iZXZlbm9kZCIKICAgIGNsaXAtcnVsZT0iZXZlbm9kZCIKICAgIGQ9Ik04IDE3SDE4VjE5SDhWMTdaIgogICAgZmlsbD0iI0NGQ0ZDRiIKICAvPgogIDxwYXRoCiAgICBmaWxsLXJ1bGU9ImV2ZW5vZGQiCiAgICBjbGlwLXJ1bGU9ImV2ZW5vZGQiCiAgICBkPSJNOCAyMUgyM1YyM0g4VjIxWiIKICAgIGZpbGw9IiNDRkNGQ0YiCiAgLz4KICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudAogICAgICBpZD0icGFpbnQwX2xpbmVhciIKICAgICAgeDE9IjAiCiAgICAgIHkxPSIwIgogICAgICB4Mj0iMCIKICAgICAgeTI9IjQwIgogICAgICBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIKICAgID4KICAgICAgPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiIC8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0RCREJEQiIgLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgPC9kZWZzPgo8L3N2Zz4=');
-}
-
-.str-chat__icon--audio-file {
-  content: url('data:image/svg+xml;base64,PHN2ZwogIGNsYXNzPSJyZnUtZmlsZS1hdWRpbyIKICBmaWxsPSJub25lIgogIHZpZXdCb3g9IjAgMCAzNCA0MCIKICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgaGVpZ2h0PSIyMCIKICB3aWR0aD0iMjAiCj4KICA8cGF0aAogICAgY2xpcC1ydWxlPSJldmVub2RkIgogICAgZD0iTTE3LjcxNjggMzMuMTcyQzE4LjIzNDggMzMuMTcyIDE4LjQyMzggMzMuNjU1IDE4LjQyMzggMzQuMThDMTguNDIzOCAzNC42NDIgMTguMjk3OCAzNS4xOTUgMTcuNzE2OCAzNS4xOTVDMTcuMTcwOCAzNS4xOTUgMTYuOTg4OCAzNC42NDIgMTYuOTg4OCAzNC4xNDVDMTYuOTg4OCAzMy42ODMgMTcuMTcwOCAzMy4xNzIgMTcuNzE2OCAzMy4xNzJaTTE5LjU3MTggMzEuMDAySDE4LjM4MThWMzIuNzU4OUgxOC4zNjc4QzE4LjEyMjggMzIuNDMgMTcuNzc5OCAzMi4yNjIgMTcuMzMxOCAzMi4yNjJDMTYuMzAyOCAzMi4yNjIgMTUuNzk4OCAzMy4xNTggMTUuNzk4OCAzNC4xMDNDMTUuNzk4OCAzNS4xMjUgMTYuMjgxOCAzNi4xMDQ5IDE3LjQyMjggMzYuMTA0OUMxNy44NDI4IDM2LjEwNDkgMTguMTkyOCAzNS45MjMgMTguNDIzOCAzNS41OEgxOC40Mzc4VjM2SDE5LjU3MThWMzEuMDAyWk0xMi43MDk1IDM0LjE4NzJDMTIuNzA5NSAzMy43MjUyIDEyLjg3NzUgMzMuMTcyMiAxMy40MzA1IDMzLjE3MjJDMTMuOTgzNSAzMy4xNzIyIDE0LjE1ODUgMzMuNzI1MiAxNC4xNTg1IDM0LjE4NzJDMTQuMTU4NSAzNC42NDkyIDEzLjk4MzUgMzUuMTk1MiAxMy40MzA1IDM1LjE5NTJDMTIuODc3NSAzNS4xOTUyIDEyLjcwOTUgMzQuNjQ5MiAxMi43MDk1IDM0LjE4NzJaTTExLjUxOTUgMzQuMTg3MkMxMS41MTk1IDM1LjI3OTIgMTIuMzAzNSAzNi4xMDUyIDEzLjQzMDUgMzYuMTA1MkMxNC41NTc1IDM2LjEwNTIgMTUuMzQ4NSAzNS4yNzkyIDE1LjM0ODUgMzQuMTg3MkMxNS4zNDg1IDMzLjA5NTIgMTQuNTU3NSAzMi4yNjIyIDEzLjQzMDUgMzIuMjYyMkMxMi4zMDM1IDMyLjI2MjIgMTEuNTE5NSAzMy4wOTUyIDExLjUxOTUgMzQuMTg3MlpNMjEuODM5IDMyLjM2NzFIMjIuNTc0VjMzLjEzNzFIMjEuODM5VjM0Ljc4OTFDMjEuODM5IDM1LjA3NjEgMjIuMDA3IDM1LjEzOTEgMjIuMjY2IDM1LjEzOTFDMjIuMzE0MiAzNS4xMzkxIDIyLjM2NCAzNS4xMzU3IDIyLjQxNDcgMzUuMTMyM0MyMi40NjcyIDM1LjEyODcgMjIuNTIwNiAzNS4xMjUxIDIyLjU3NCAzNS4xMjUxVjM2LjAwMDFDMjIuNDgxIDM2LjAwMzEgMjIuMzg4IDM2LjAwOTkgMjIuMjk1IDM2LjAxNjhDMjIuMTcxIDM2LjAyNTkgMjIuMDQ3IDM2LjAzNTEgMjEuOTIzIDM2LjAzNTFDMjAuOTA4IDM2LjAzNTEgMjAuNjQ5IDM1Ljc0MTEgMjAuNjQ5IDM0Ljc1NDFWMzMuMTM3MUgyMC4wNDdWMzIuMzY3MUgyMC42NDlWMzEuMjY4MUgyMS44MzlWMzIuMzY3MVoiCiAgICBmaWxsPSJ3aGl0ZSIKICAgIGZpbGwtcnVsZT0iZXZlbm9kZCIKICA+PC9wYXRoPgogIDxwYXRoCiAgICBkPSJNMCAyOEgzNFYzN0MzNCAzOC42NTY5IDMyLjY1NjkgNDAgMzEgNDBIM0MxLjM0MzE1IDQwIDAgMzguNjU2OSAwIDM3VjI4WiIKICAgIGZpbGw9IiMyNzI3QjAiCiAgPjwvcGF0aD4KICA8cGF0aCBkPSJNMCAzQzAgMS4zNDMxNSAxLjM0MzE1IDAgMyAwSDIzTDM0IDExVjI4SDBWM1oiIGZpbGw9IiNGNUY1RjUiPjwvcGF0aD4KICA8cGF0aAogICAgZD0iTTM0IDExTDI2IDExQzI0LjM0MzEgMTEgMjMgOS42NTY4NSAyMyA4VjBMMzQgMTFaIgogICAgZmlsbD0iI0RCREJEQiIKICA+PC9wYXRoPgogIDxwYXRoCiAgICBjbGlwLXJ1bGU9ImV2ZW5vZGQiCiAgICBkPSJNOC44NzkxMiAyMS45NDFIMTIuMjk4TDE2Ljk1MjEgMjQuNzQ5M0MxNy4wMzA3IDI0LjgxMzggMTcuMTI5MyAyNC44NDkgMTcuMjMxMSAyNC44NDlDMTcuNDczOCAyNC44NDg4IDE3LjY3MDUgMjQuNjUxOSAxNy42NzAzIDI0LjQwOTJWMTIuNDM5OUMxNy42NzA0IDEyLjMzODEgMTcuNjM1MiAxMi4yMzk2IDE3LjU3MDcgMTIuMTYwOUMxNy40MTY4IDExLjk3MzIgMTcuMTM5OCAxMS45NDU3IDE2Ljk1MjEgMTIuMDk5NkwxMi4yOTggMTQuOTA4SDguODc5MTJDOC4zOTM2IDE0LjkwOCA4IDE1LjMwMTYgOCAxNS43ODcxVjIxLjA2MTlDOCAyMS41NDc0IDguMzkzNiAyMS45NDEgOC44NzkxMiAyMS45NDFaTTEyLjkyNTggMTYuNjY2NEwxNS45MTIyIDE1LjIyMjRWMjEuNjI2OEwxMi45MjU4IDIwLjE4MjlIOS43NTgzVjE2LjY2NjRIMTIuOTI1OFpNMTkuODUxMSAxNi4zNTE3QzE5LjQ3NCAxNi40MDkyIDE5LjIzOTcgMTYuNjYzNyAxOS4zMjgzIDE2LjkxOTFMMTkuMzI2MiAxNi45MkMxOS41Mjk1IDE3LjQ5OTUgMTkuNjMwNSAxOC4wOTggMTkuNjI4NCAxOC42OTUzQzE5LjYzMDUgMTkuMjk3NSAxOS41MjM3IDE5LjkwMTQgMTkuMzE5NiAyMC40OTA5QzE5LjIyOSAyMC43NDYyIDE5LjQ2ODIgMjAuOTk5NiAxOS44NDc0IDIxLjA2QzE5LjkwMDggMjEuMDY4MyAxOS45NTQyIDIxLjA3MiAyMC4wMDc2IDIxLjA3MkMyMC4zMjU5IDIxLjA3MiAyMC42MTU2IDIwLjkyMzQgMjAuNjkyMiAyMC43MDU3QzIwLjkxOTQgMjAuMDQ1MSAyMS4wMzM3IDE5LjM3IDIxLjAzNzQgMTguNjk1M0MyMS4wMzQ5IDE4LjAyNTEgMjAuOTIxMSAxNy4zNTc1IDIwLjY5NTUgMTYuNzAzNUMyMC42MDUzIDE2LjQ0NzcgMjAuMjI5IDE2LjI5MDggMTkuODUxMSAxNi4zNTE3Wk0yMi4xNjA1IDE0LjYwMjhDMjIuNTI1MiAxNC41MTYzIDIyLjkyNTkgMTQuNjQ1NCAyMy4wNTUgMTQuODkzOEMyMy42ODkxIDE2LjExNTcgMjQgMTcuNDA0MiAyNCAxOC42OTIzQzI0LjAwMDQgMTkuOTg5NSAyMy42Nzk2IDIxLjI4MzkgMjMuMDUyMSAyMi41MTUzQzIyLjk1MDMgMjIuNzEyMyAyMi42NzYzIDIyLjgzNDQgMjIuMzgyOCAyMi44MzQ0QzIyLjMwNzEgMjIuODM0NCAyMi4yMzAxIDIyLjgyNjEgMjIuMTU0MyAyMi44MDkyQzIxLjc4NjMgMjIuNzI1MSAyMS41OTE0IDIyLjQ1MzYgMjEuNzE4NSAyMi4yMDc3QzIyLjI5ODggMjEuMDc2MSAyMi41OTIyIDE5Ljg4MzYgMjIuNTkzMSAxOC42OTE5QzIyLjU5MzEgMTcuNTA1NiAyMi4zMDU0IDE2LjMyMjIgMjEuNzI3NiAxNS4yMDI1QzIxLjYwMDEgMTQuOTU2MyAyMS43OTUgMTQuNjg2IDIyLjE2MDUgMTQuNjAyOFoiCiAgICBmaWxsPSIjMjcyN0IwIgogICAgZmlsbC1ydWxlPSJldmVub2RkIgogID48L3BhdGg+Cjwvc3ZnPg==');
-}
-
-.str-chat__icon--poll {
-  --str-chat-icon-width: var(--str-chat-icon-height);
-  -webkit-mask: var(--str-chat__poll-icon) no-repeat center / contain;
-  mask: var(--str-chat__poll-icon) no-repeat center / contain;
-}
-
-.str-chat__icon--action::before {
-  content: '\e800';
-} /* '' */
-.str-chat__icon--arrow-down::before {
-  content: '\e801';
-} /* '' */
-.str-chat__icon--arrow-left::before {
-  content: '\e802';
-} /* '' */
-.str-chat__icon--arrow-right::before {
-  content: '\e803';
-} /* '' */
-.str-chat__icon--close::before {
-  content: '\e804';
-} /* '' */
-.str-chat__icon--arrow-up::before {
-  content: '\e805';
-} /* '' */
-.str-chat__icon--chat-bubble::before {
-  content: '\e806';
-} /* '' */
-.str-chat__icon--pause::before {
-  content: '\e807';
-} /* '' */
-.str-chat__icon--download::before {
-  content: '\e808';
-} /* '' */
-.str-chat__icon--delivered::before {
-  content: '\e809';
-} /* '' */
-.str-chat__icon--play::before {
-  content: '\e814';
-} /* '' */
-.str-chat__icon--reaction::before {
-  content: '\e80b';
-} /* '' */
-.str-chat__icon--error::before {
-  content: '\e80c';
-} /* '' */
-.str-chat__icon--read::before {
-  content: '\e80d';
-} /* '' */
-.str-chat__icon--retry::before {
-  content: '\e80e';
-} /* '' */
-.str-chat__icon--reply-in-thread::before {
-  content: '\e80f';
-} /* '' */
-.str-chat__icon--send::before {
-  content: '\e810';
-} /* '' */
-.str-chat__icon--attach::before {
-  content: '\e811';
-} /* '' */
-.str-chat__icon--mic::before {
-  content: '\e812';
-} /* '' */
-.str-chat__icon--bin::before {
-  content: '\e813';
-} /* '' */

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

@@ -1,17 +0,0 @@
-/* Only available in Angular v5+ */
-.str-chat {
-  /* The color of the icon, only available in Angular v5+ */
-  --str-chat-icon-color: var(--str-chat__text-color);
-}
-
-.str-chat__icon {
-  color: var(--str-chat-icon-color);
-}
-
-.str-chat__icon--error {
-  --str-chat-icon-color: var(--str-chat__danger-color);
-}
-
-.str-chat__icon--poll {
-  background-color: var(--str-chat-icon-color);
-}

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

@@ -1,51 +0,0 @@
-.str-chat__image-carousel {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  align-items: center;
-  min-height: 0;
-  min-width: 0;
-  max-width: 100%;
-  max-height: 100%;
-  height: 100%;
-
-  .str-chat__image-carousel-stepper {
-    --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 30);
-    padding: var(--str-chat__spacing-2_5);
-    border: none;
-    cursor: pointer;
-    background: transparent;
-  }
-
-  .str-chat__image-carousel-image {
-    object-fit: contain;
-    min-height: 0;
-    max-height: 100%;
-    min-width: 0;
-    max-width: 100%;
-    height: 100%;
-    width: 100%;
-  }
-}
-
-.str-chat__message {
-  .str-chat__attachment-list {
-    .str-chat__modal--open {
-      .str-chat__modal__inner {
-        height: 80%;
-        width: 80%;
-
-        @media only screen and (max-device-width: 768px) {
-          height: 100%;
-          width: 100%;
-        }
-      }
-    }
-  }
-}
-
-[dir='rtl'] .str-chat__image-carousel-stepper {
-  svg {
-    transform: scale(-1, 1);
-  }
-}

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

@@ -1,30 +0,0 @@
-@use '../utils';
-
-/* Only available in Angular SDK. */
-.str-chat {
-  /* The color of the stepper icon. */
-  --str-chat__image-carousel-stepper-color: var(--str-chat__text-color);
-}
-
-@media only screen and (max-device-width: 768px) {
-  .str-chat__message {
-    .str-chat__attachment-list {
-      .str-chat__modal--open {
-        .str-chat__modal__inner {
-          border-radius: 0;
-        }
-      }
-    }
-  }
-}
-
-.str-chat__image-carousel {
-  .str-chat__image-carousel-stepper {
-    --str-chat-icon-color: var(--str-chat__image-carousel-stepper-color);
-    cursor: pointer;
-
-    svg path {
-      fill: var(--str-chat__image-carousel-stepper-color);
-    }
-  }
-}

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

@@ -1,4 +0,0 @@
-.str-chat__infinite-scroll-paginator {
-  overflow-y: auto;
-  overflow-x: hidden;
-}

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

@@ -1,67 +0,0 @@
-@use '../utils';
-
-.str-chat__link-preview-list {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 0.75rem;
-  width: 100%;
-  margin-bottom: 0.75rem;
-  padding-inline: 0.75rem;
-}
-
-.str-chat__link-preview-card {
-  width: 100%;
-  min-width: 0;
-  display: flex;
-  align-items: center;
-  justify-content: space-around;
-  gap: 1rem;
-
-  .str-chat__tooltip {
-    @include utils.ellipsis-text();
-    display: block;
-    max-width: calc(var(--str-chat__spacing-px) * 250);
-    padding-inline: 0.5rem;
-  }
-
-  .str-chat__link-preview-card__icon-container {
-    display: flex;
-    align-items: center;
-  }
-
-  .str-chat__link-preview-card__content {
-    width: 100%;
-    min-width: 0;
-    flex: 1;
-    padding-inline: 0.5rem;
-
-    .str-chat__link-preview-card__content-title,
-    .str-chat__link-preview-card__content-description {
-      @include utils.ellipsis-text();
-    }
-  }
-
-  .str-chat__link-preview-card__dismiss-button {
-    @include utils.button-reset;
-    cursor: pointer;
-  }
-}
-
-.str-chat__link-preview-card--loading {
-  .str-chat__link-preview-card__content {
-    display: flex;
-    flex-direction: column;
-    gap: 0.25rem;
-
-    .str-chat__link-preview-card__content-title {
-      height: calc(var(--str-chat__spacing-px) * 16);
-      width: 100%
-    }
-
-    .str-chat__link-preview-card__content-description {
-      height: calc(var(--str-chat__spacing-px) * 12);
-      width: 100%;
-    }
-  }
-}

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

@@ -1,32 +0,0 @@
-@use '../utils';
-
-.str-chat {
-  --str-chat__link-preview-loading-state-color: var(--str-chat__disabled-color);
-}
-
-.str-chat__link-preview-card {
-  .str-chat__link-preview-card__content {
-    border-left: 2px solid var(--str-chat__primary-color);
-
-    .str-chat__link-preview-card__content-title {
-      font: var(--str-chat__body-medium-text);
-    }
-
-    .str-chat__link-preview-card__content-description {
-      font: var(--str-chat__caption-text);
-    }
-  }
-
-  .str-chat__link-preview-card__dismiss-button svg path {
-    fill: var(--str-chat__text-low-emphasis-color);
-  }
-}
-
-.str-chat__link-preview-card--loading {
-  .str-chat__link-preview-card__content-title,
-  .str-chat__link-preview-card__content-description {
-    @include utils.loading-item-background('link-preview');
-    @include utils.loading-animation;
-    border-radius: calc(var(--str-chat__spacing-px) * 3);
-  }
-}

package/dist/scss/v2/LinkPreview/index.scss

@@ -1,2 +0,0 @@
-@import "LinkPreview-layout";
-@import "LinkPreview-theme";

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

@@ -1,64 +0,0 @@
-.str-chat {
-  /* The size of the loading indicator, only available in Angular v5+ */
-  --str-chat__loading-indicator-size: calc(var(--str-chat__spacing-px) * 15);
-}
-
-.str-chat__loading-indicator {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  animation: rotate 1s linear infinite;
-
-  svg {
-    width: var(--str-chat__loading-indicator-size);
-    height: var(--str-chat__loading-indicator-size);
-  }
-
-  @-webkit-keyframes rotate {
-    from {
-      -webkit-transform: rotate(0deg);
-      -o-transform: rotate(0deg);
-      transform: rotate(0deg);
-    }
-
-    to {
-      -webkit-transform: rotate(360deg);
-      -o-transform: rotate(360deg);
-      transform: rotate(360deg);
-    }
-  }
-
-  @keyframes rotate {
-    from {
-      -ms-transform: rotate(0deg);
-      -moz-transform: rotate(0deg);
-      -webkit-transform: rotate(0deg);
-      -o-transform: rotate(0deg);
-      transform: rotate(0deg);
-    }
-
-    to {
-      -ms-transform: rotate(360deg);
-      -moz-transform: rotate(360deg);
-      -webkit-transform: rotate(360deg);
-      -o-transform: rotate(360deg);
-      transform: rotate(360deg);
-    }
-  }
-}
-
-stream-loading-indicator {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  .str-chat__loading-indicator {
-    width: var(--str-chat__loading-indicator-size);
-    height: var(--str-chat__loading-indicator-size);
-  }
-}
-
-.str-chat__loading-indicator-placeholder {
-  width: var(--str-chat__loading-indicator-size);
-  height: var(--str-chat__loading-indicator-size);
-}

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

@@ -1,14 +0,0 @@
-.str-chat {
-  /* The color of the loading indicator */
-  --str-chat__loading-indicator-color: var(--str-chat__primary-color);
-}
-
-.str-chat__loading-indicator {
-  svg {
-    linearGradient {
-      stop:last-child {
-        stop-color: var(--str-chat__loading-indicator-color);
-      }
-    }
-  }
-}

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

@@ -1,52 +0,0 @@
-.str-chat__modal.str-chat__share-location-modal {
-  .str-chat__modal__close-button {
-    display: none;
-  }
-
-  .str-chat__share-location-dialog {
-    .str-chat__modal-header {
-      padding-top: 0;
-    }
-
-    .str-chat__dialog__body {
-      display: flex;
-      flex-direction: column;
-      gap: 1rem;
-      padding-block: 0;
-      -webkit-touch-callout: none;
-      -webkit-user-select: none;
-      user-select: none;
-
-      .str-chat__live-location-activation {
-        padding: 0.5rem;
-
-        .str-chat__form__switch-field {
-          padding: 0.5rem;
-        }
-
-        .str-chat__dropdown__open-button {
-          padding: 0.5rem;
-        }
-
-        .str-chat__dialog-contents {
-          .str-chat__dropdown__items {
-            display: flex;
-            flex-direction: column;
-            align-items: flex-start;
-            padding-block: 0.25rem;
-
-            .str-chat__live-location-sharing-duration-option {
-              padding: 0.25rem 0.5rem;
-              width: 100%;
-              text-align: start;
-            }
-          }
-        }
-      }
-    }
-
-    .str-chat__dialog__controls {
-      padding: 1.25rem 1rem 0;
-    }
-  }
-}