diff --git a/src/v2/styles/AttachmentList/AttachmentList-layout.scss b/src/v2/styles/AttachmentList/AttachmentList-layout.scss index 47659495..e842e22d 100644 --- a/src/v2/styles/AttachmentList/AttachmentList-layout.scss +++ b/src/v2/styles/AttachmentList/AttachmentList-layout.scss @@ -325,6 +325,56 @@ } } + .str-chat__message-attachment-geolocation { + margin: var(--str-chat__attachment-margin); + min-width: 200px; + + .str-chat__message-attachment-geolocation__placeholder { + position: relative; + display: flex; + justify-content: center; + align-items: center; + padding: var(--str-chat__spacing-2); + + .str-chat__message-geolocation__icon { + height: calc(var(--str-chat__spacing-px) *150); + } + + .str-chat__message-attachment-geolocation__placeholder-link { + position: absolute; + inset-inline-end: 0.75rem; + inset-block: 0.75rem; + height: calc(var(--str-chat__spacing-px) * 20); + width: calc(var(--str-chat__spacing-px) * 20); + } + } + + .str-chat__message-attachment-geolocation__status { + display: flex; + justify-content: center; + padding: 0.5rem 2rem; + + .str-chat__message-attachment-geolocation__status--active { + display: flex; + flex-direction: column; + align-items: center; + gap: 0.375rem; + + .str-chat__message-attachment-geolocation__stop-sharing-button { + color: var(--str-chat__danger-color); + } + + .str-chat__message-attachment-geolocation__status--active-status { + color: var(--str-chat__info-color); + } + + .str-chat__message-attachment-geolocation__status--active-until { + text-transform: lowercase; + } + } + } + } + .str-chat__message-attachment-audio-widget { .str-chat__message-attachment-audio-widget--play-controls { @include utils.flex-row-center(); diff --git a/src/v2/styles/AttachmentList/AttachmentList-theme.scss b/src/v2/styles/AttachmentList/AttachmentList-theme.scss index a5e7f06a..a6cbbb44 100644 --- a/src/v2/styles/AttachmentList/AttachmentList-theme.scss +++ b/src/v2/styles/AttachmentList/AttachmentList-theme.scss @@ -141,6 +141,35 @@ /* Box shadow applied to file attachments */ --str-chat__file-attachment-box-shadow: none; + /* The border radius used for the borders of file attachments */ + --str-chat__geolocation-attachment-border-radius: calc( + var(--str-chat__message-bubble-border-radius) - var(--str-chat__attachment-margin) + ); + + /* The text/icon color of geolocation attachments */ + --str-chat__geolocation-attachment-color: var(--str-chat__text-color); + + /* The text/icon color of geolocation attachments for low emphasis texts (for example file size) */ + --str-chat__geolocation-attachment-secondary-color: var(--str-chat__text-low-emphasis-color); + + /* The background color of geolocation attachments */ + --str-chat__geolocation-attachment-background-color: var(--str-chat__secondary-background-color); + + /* Top border of geolocation attachments */ + --str-chat__geolocation-attachment-border-block-start: none; + + /* Bottom border of geolocation attachments */ + --str-chat__geolocation-attachment-border-block-end: none; + + /* Left (right in RTL layout) border of geolocation attachments */ + --str-chat__geolocation-attachment-border-inline-start: none; + + /* Right (left in RTL layout) border of geolocation attachments */ + --str-chat__geolocation-attachment-border-inline-end: none; + + /* Box shadow applied to geolocation attachments */ + --str-chat__geolocation-attachment-box-shadow: none; + /* Border radius applied audio widget */ --str-chat__audio-attachment-widget-border-radius: calc( var(--str-chat__message-bubble-border-radius) - var(--str-chat__attachment-margin) @@ -325,6 +354,33 @@ @include utils.component-layer-overrides('file-attachment'); } + .str-chat__message-attachment-geolocation { + @include utils.component-layer-overrides('geolocation-attachment'); + overflow: hidden; + + .str-chat__message-attachment-geolocation__placeholder { + .str-chat__message-attachment-geolocation__placeholder-link { + color: currentColor; + } + } + + .str-chat__message-attachment-geolocation__status { + background-color: var(--str-chat__tertiary-surface-color); + + .str-chat__message-attachment-geolocation__status--active { + .str-chat__message-attachment-geolocation__stop-sharing-button { + @include utils.button-reset; + font: var(--str-chat__subtitle-medium-text); + cursor: pointer; + } + + .str-chat__message-attachment-geolocation__status--active-until { + font: var(--str-chat__caption-text); + } + } + } + } + .str-chat__message-attachment-unsupported { .str-chat__message-attachment-unsupported__title { font: var(--str-chat__subtitle-medium-text); diff --git a/src/v2/styles/AttachmentPreviewList/AttachmentPreviewList-layout.scss b/src/v2/styles/AttachmentPreviewList/AttachmentPreviewList-layout.scss index 48b0a787..80c36560 100644 --- a/src/v2/styles/AttachmentPreviewList/AttachmentPreviewList-layout.scss +++ b/src/v2/styles/AttachmentPreviewList/AttachmentPreviewList-layout.scss @@ -47,6 +47,7 @@ } } + .str-chat__location-preview, .str-chat__attachment-preview-unsupported, .str-chat__attachment-preview-voice-recording, .str-chat__attachment-preview-file { @@ -70,12 +71,14 @@ justify-content: center; .str-chat__attachment-preview-title, + .str-chat__attachment-preview-subtitle, .str-chat__attachment-preview-file-name { @include utils.ellipsis-text; max-width: 100%; } } + .str-chat__location-preview-image, .str-chat__attachment-preview-file-icon { --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 37); --str-chat-icon-width: auto; diff --git a/src/v2/styles/AttachmentPreviewList/AttachmentPreviewList-theme.scss b/src/v2/styles/AttachmentPreviewList/AttachmentPreviewList-theme.scss index 87b81627..bbdf1833 100644 --- a/src/v2/styles/AttachmentPreviewList/AttachmentPreviewList-theme.scss +++ b/src/v2/styles/AttachmentPreviewList/AttachmentPreviewList-theme.scss @@ -107,6 +107,7 @@ } } + .str-chat__location-preview, .str-chat__attachment-preview-unsupported, .str-chat__attachment-preview-voice-recording, .str-chat__attachment-preview-file { @@ -117,6 +118,10 @@ font: var(--str-chat__subtitle-medium-text); } + .str-chat__attachment-preview-subtitle { + font: var(--str-chat__caption-text); + } + .str-chat__attachment-preview-file-download { --str-chat-icon-color: var(--str-chat__attachment-preview-download-icon-color); text-decoration: none; @@ -142,6 +147,12 @@ } } + .str-chat__location-preview { + .str-chat__location-preview-image { + color: var(--str-chat__active-primary-color); + } + } + .str-chat__attachment-preview-delete { --str-chat-icon-color: var(--str-chat__attachment-preview-close-icon-color); diff --git a/src/v2/styles/Dialog/Dialog-layout.scss b/src/v2/styles/Dialog/Dialog-layout.scss index 3ff8f75e..aa434412 100644 --- a/src/v2/styles/Dialog/Dialog-layout.scss +++ b/src/v2/styles/Dialog/Dialog-layout.scss @@ -25,7 +25,7 @@ display: flex; justify-content: flex-end; gap: 1.25rem; - padding: 2.25rem 1.25rem 0; + padding: 2.25rem 1.25rem; .str-chat__dialog__controls-button { @include utils.button-reset; diff --git a/src/v2/styles/Form/Form-layout.scss b/src/v2/styles/Form/Form-layout.scss index e2b2d071..c0743910 100644 --- a/src/v2/styles/Form/Form-layout.scss +++ b/src/v2/styles/Form/Form-layout.scss @@ -6,4 +6,44 @@ .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; + } } \ No newline at end of file diff --git a/src/v2/styles/Form/Form-theme.scss b/src/v2/styles/Form/Form-theme.scss index fcb71d10..17448c74 100644 --- a/src/v2/styles/Form/Form-theme.scss +++ b/src/v2/styles/Form/Form-theme.scss @@ -1,3 +1,5 @@ +@use '../utils'; + .str-chat { // hide spin buttons form input of type number /* Chrome, Safari, Edge, Opera */ @@ -18,3 +20,63 @@ 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); + } +} \ No newline at end of file diff --git a/src/v2/styles/Location/Location-layout.scss b/src/v2/styles/Location/Location-layout.scss new file mode 100644 index 00000000..5c78610a --- /dev/null +++ b/src/v2/styles/Location/Location-layout.scss @@ -0,0 +1,52 @@ +.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; + } + } +} \ No newline at end of file diff --git a/src/v2/styles/Location/Location-theme.scss b/src/v2/styles/Location/Location-theme.scss new file mode 100644 index 00000000..4d41df3f --- /dev/null +++ b/src/v2/styles/Location/Location-theme.scss @@ -0,0 +1,32 @@ +@use '../utils'; + +.str-chat__share-location-dialog { + .str-chat__live-location-activation { + border-radius: var(--str-chat__border-radius-sm); + border: 1px solid var(--str-chat__secondary-overlay-color);; + + .str-chat__form__switch-field { + background-color: var(--str-chat__background-color); + } + + .str-chat__dropdown__open-button { + border-radius: var(--str-chat__border-radius-xs); + border: 1px solid var(--str-chat__secondary-overlay-color); + background-color: var(--str-chat__tertiary-surface-color); + } + + .str-chat__dropdown__items { + box-shadow: 0 0 8px var(--str-chat__box-shadow-color); + border-radius: var(--str-chat__border-radius-xs); + + .str-chat__live-location-sharing-duration-option { + @include utils.button-reset; + cursor: pointer; + + &:hover { + background-color: var(--str-chat__message-options-hover-background-color); + } + } + } + } +} \ No newline at end of file diff --git a/src/v2/styles/MessageInput/MessageInput-theme.scss b/src/v2/styles/MessageInput/MessageInput-theme.scss index 496fb52c..c065e499 100644 --- a/src/v2/styles/MessageInput/MessageInput-theme.scss +++ b/src/v2/styles/MessageInput/MessageInput-theme.scss @@ -337,6 +337,13 @@ mask: var(--str-chat__poll-icon) no-repeat center / contain; } } + + .str-chat__attachment-selector-actions-menu__add-location-button { + .str-chat__dialog-menu__button-icon { + -webkit-mask: var(--str-chat__location-icon) no-repeat center / contain; + mask: var(--str-chat__location-icon) no-repeat center / contain; + } + } } .str-chat__send-to-channel-checkbox__field { diff --git a/src/v2/styles/Modal/Modal-layout.scss b/src/v2/styles/Modal/Modal-layout.scss index 3a7278c6..de6a9035 100644 --- a/src/v2/styles/Modal/Modal-layout.scss +++ b/src/v2/styles/Modal/Modal-layout.scss @@ -30,6 +30,8 @@ } .str-chat__modal-header__close-button { + @include utils.button-reset; + cursor: pointer; background-image: var(--str-chat__close-icon); background-repeat: no-repeat; height: 0.875rem; diff --git a/src/v2/styles/Poll/Poll-layout.scss b/src/v2/styles/Poll/Poll-layout.scss index d3065ff1..e12bb484 100644 --- a/src/v2/styles/Poll/Poll-layout.scss +++ b/src/v2/styles/Poll/Poll-layout.scss @@ -434,41 +434,6 @@ width: 1rem; } } - - .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 { - .str-chat__form__switch-field__switch-handle { - transform: translateX(1.25rem); - } - } - } - } } } diff --git a/src/v2/styles/Poll/Poll-theme.scss b/src/v2/styles/Poll/Poll-theme.scss index 54d24dc8..3d4614fc 100644 --- a/src/v2/styles/Poll/Poll-theme.scss +++ b/src/v2/styles/Poll/Poll-theme.scss @@ -175,32 +175,4 @@ border: 1px solid var(--str-chat__message-error-message-color); } } - - .str-chat__form__switch-field { - @include field-background; - - &, label { - cursor: pointer; - } - - .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); - } - } - } - } } \ No newline at end of file diff --git a/src/v2/styles/_icons.scss b/src/v2/styles/_icons.scss index 8b167e78..79a4c639 100644 --- a/src/v2/styles/_icons.scss +++ b/src/v2/styles/_icons.scss @@ -8,6 +8,7 @@ --str-chat__add-attachment-icon: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjggMjgiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNS4zMzMyIDcuMzMzMDdMMTIuNjY2NiA3LjMzMzA3TDEyLjY2NjYgMTIuNjY2NEw3LjMzMzI0IDEyLjY2NjRMNy4zMzMyNCAxNS4zMzMxTDEyLjY2NjYgMTUuMzMzMUwxMi42NjY2IDIwLjY2NjRMMTUuMzMzMiAyMC42NjY0TDE1LjMzMzIgMTUuMzMzMUwyMC42NjY2IDE1LjMzMzFMMjAuNjY2NiAxMi42NjY0TDE1LjMzMzIgMTIuNjY2NEwxNS4zMzMyIDcuMzMzMDdaTTEzLjk5OTkgMC42NjY0MDRDNi42Mzk5MSAwLjY2NjQwNCAwLjY2NjU3NiA2LjYzOTc0IDAuNjY2NTc3IDEzLjk5OTdDMC42NjY1NzYgMjEuMzU5NyA2LjYzOTkxIDI3LjMzMzEgMTMuOTk5OSAyNy4zMzMxQzIxLjM1OTkgMjcuMzMzMSAyNy4zMzMyIDIxLjM1OTcgMjcuMzMzMiAxMy45OTk3QzI3LjMzMzIgNi42Mzk3NCAyMS4zNTk5IDAuNjY2NDA0IDEzLjk5OTkgMC42NjY0MDRaTTEzLjk5OTkgMjQuNjY2NEM4LjExOTkxIDI0LjY2NjQgMy4zMzMyNCAxOS44Nzk3IDMuMzMzMjUgMTMuOTk5N0MzLjMzMzI0IDguMTE5NzQgOC4xMTk5MSAzLjMzMzA3IDEzLjk5OTkgMy4zMzMwN0MxOS44Nzk5IDMuMzMzMDcgMjQuNjY2NiA4LjExOTc0IDI0LjY2NjYgMTMuOTk5N0MyNC42NjY2IDE5Ljg3OTcgMTkuODc5OSAyNC42NjY0IDEzLjk5OTkgMjQuNjY2NFoiLz4KPC9zdmc+Cg=='); --str-chat__folder-icon: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMTYiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xOCAySDEwTDggMEgyQzAuOSAwIDAuMDA5OTk5OTkgMC45IDAuMDA5OTk5OTkgMkwwIDE0QzAgMTUuMSAwLjkgMTYgMiAxNkgxOEMxOS4xIDE2IDIwIDE1LjEgMjAgMTRWNEMyMCAyLjkgMTkuMSAyIDE4IDJaTTE4IDE0SDJWNEgxOFYxNFoiIC8+Cjwvc3ZnPgo='); --str-chat__poll-icon: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTggMTgiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNiAwSDJDMC45IDAgMCAwLjkgMCAyVjE2QzAgMTcuMSAwLjkgMTggMiAxOEgxNkMxNy4xIDE4IDE4IDE3LjEgMTggMTZWMkMxOCAwLjkgMTcuMSAwIDE2IDBaTTE2IDE2SDJWMkgxNlYxNlpNNCA3SDZWMTRINFY3Wk04IDRIMTBWMTRIOFY0Wk0xMiAxMEgxNFYxNEgxMlYxMFoiLz4KPC9zdmc+'); + --str-chat__location-icon: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDI1NS44NTYgMjU1Ljg1NiI+PHBhdGggZD0iTTEyNy45MjggMzguOGMtMzAuNzUgMC01NS43NjggMjUuMDE3LTU1Ljc2OCA1NS43NjdzMjUuMDE4IDU1Ljc2NyA1NS43NjggNTUuNzY3IDU1Ljc2OC0yNS4wMTcgNTUuNzY4LTU1Ljc2N1MxNTguNjc4IDM4LjggMTI3LjkyOCAzOC44em0wIDk2LjUzM2MtMjIuNDc5IDAtNDAuNzY4LTE4LjI4OC00MC43NjgtNDAuNzY3UzEwNS40NDkgNTMuOCAxMjcuOTI4IDUzLjhzNDAuNzY4IDE4LjI4OCA0MC43NjggNDAuNzY3LTE4LjI4OCA0MC43NjYtNDAuNzY4IDQwLjc2NnoiLz48cGF0aCBkPSJNMTI3LjkyOCAwQzc1Ljc4NCAwIDMzLjM2MiA0Mi40MjIgMzMuMzYyIDk0LjU2NmMwIDMwLjA3MiAyNS4yMiA3NC44NzUgNDAuMjUzIDk4LjkwNCA5Ljg5MSAxNS44MDkgMjAuNTIgMzAuODU1IDI5LjkyOCA0Mi4zNjUgMTUuMTAxIDE4LjQ3NCAyMC41MDYgMjAuMDIgMjQuMzg2IDIwLjAyIDMuOTM4IDAgOS4wNDEtMS41NDcgMjQuMDk1LTIwLjAzMSA5LjQyOS0xMS41NzkgMjAuMDYzLTI2LjYxNiAyOS45NDQtNDIuMzQyIDE1LjEzNi0yNC4wODggNDAuNTI3LTY4Ljk3MSA0MC41MjctOTguOTE3QzIyMi40OTUgNDIuNDIyIDE4MC4wNzMgMCAxMjcuOTI4IDB6bTQzLjY0MSAxODEuODAzYy0xOS4zOTYgMzEuNDgzLTM3LjIwMyA1Mi43NTctNDMuNzMgNTguMTg4LTYuNTYxLTUuMjY0LTI0LjA3OS0yNi4wMzItNDMuNzQ2LTU4LjA4OS0yMi43MDctMzcuMDE1LTM1LjczLTY4Ljg0OC0zNS43My04Ny4zMzZDNDguMzYyIDUwLjY5MyA4NC4wNTUgMTUgMTI3LjkyOCAxNXM3OS41NjYgMzUuNjkzIDc5LjU2NiA3OS41NjZjLjAwMSAxOC4zODItMTMuMDk0IDUwLjE3OC0zNS45MjUgODcuMjM3eiIvPjwvc3ZnPg=='); --str-chat__handle-icon: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgNiIgZmlsbD0iY3VycmVuQ29sb3IiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNMTYgMEgwVjJIMTZWMFpNMCA2SDE2VjRIMFY2WiIvPgo8L3N2Zz4K'); --str-chat__circle-stop-icon: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSI0IDQgMjggMjgiIHdpZHRoPSIzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjQ1NTEgMjcuMjQ0MUMyMi42MzA5IDI3LjI0NDEgMjcuNzQ0MSAyMi4xMTk4IDI3Ljc0NDEgMTUuOTU1MUMyNy43NDQxIDkuNzc5MyAyMi42MTk4IDQuNjY2MDIgMTYuNDQ0IDQuNjY2MDJDMTAuMjc5MyA0LjY2NjAyIDUuMTY2MDIgOS43NzkzIDUuMTY2MDIgMTUuOTU1MUM1LjE2NjAyIDIyLjExOTggMTAuMjkwNCAyNy4yNDQxIDE2LjQ1NTEgMjcuMjQ0MVpNMTYuNDU1MSAyNS4zNjI2QzExLjIzMTEgMjUuMzYyNiA3LjA1ODU5IDIxLjE3OSA3LjA1ODU5IDE1Ljk1NTFDNy4wNTg1OSAxMC43MzExIDExLjIyMDEgNi41NDc1MyAxNi40NDQgNi41NDc1M0MyMS42NjggNi41NDc1MyAyNS44NTE2IDEwLjczMTEgMjUuODYyNiAxNS45NTUxQzI1Ljg3MzcgMjEuMTc5IDIxLjY3OSAyNS4zNjI2IDE2LjQ1NTEgMjUuMzYyNlpNMTMuNTIyMSAxOS45ODM3SDE5LjM2NTlDMjAuMDYzMiAxOS45ODM3IDIwLjQ3MjcgMTkuNTc0MiAyMC40NzI3IDE4Ljg5OTFWMTMuMDExMUMyMC40NzI3IDEyLjMyNDkgMjAuMDYzMiAxMS45MjY0IDE5LjM2NTkgMTEuOTI2NEgxMy41MjIxQzEyLjgzNTkgMTEuOTI2NCAxMi40MTU0IDEyLjMyNDkgMTIuNDE1NCAxMy4wMTExVjE4Ljg5OTFDMTIuNDE1NCAxOS41NzQyIDEyLjgzNTkgMTkuOTgzNyAxMy41MjIxIDE5Ljk4MzdaIiBmaWxsPSIjMDA1ZmZmIi8+Cjwvc3ZnPg=='); --str-chat__magnifier-glass-icon: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjEgMjEiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSAwQzEzLjk2OCAwIDE4IDQuMDMyIDE4IDlDMTggMTMuOTY4IDEzLjk2OCAxOCA5IDE4QzQuMDMyIDE4IDAgMTMuOTY4IDAgOUMwIDQuMDMyIDQuMDMyIDAgOSAwWk05IDE2QzEyLjg2NyAxNiAxNiAxMi44NjcgMTYgOUMxNiA1LjEzMiAxMi44NjcgMiA5IDJDNS4xMzIgMiAyIDUuMTMyIDIgOUMyIDEyLjg2NyA1LjEzMiAxNiA5IDE2Wk0yMC4zMTQgMTguODk5TDE3LjQ4NSAxNi4wNzFMMTYuMDcxIDE3LjQ4NUwxOC44OTkgMjAuMzE0TDIwLjMxNCAxOC44OTlaIi8+Cjwvc3ZnPgo='); diff --git a/src/v2/styles/index.layout.scss b/src/v2/styles/index.layout.scss index da586402..21876611 100755 --- a/src/v2/styles/index.layout.scss +++ b/src/v2/styles/index.layout.scss @@ -25,6 +25,7 @@ @use 'InfiniteScrollPaginator/InfiniteScrollPaginator-layout'; @use 'LinkPreview/LinkPreview-layout'; @use 'LoadingIndicator/LoadingIndicator-layout'; +@use 'Location/Location-layout'; @use 'Message/Message-layout'; @use 'MessageActionsBox/MessageActionsBox-layout'; @use 'MessageBouncePrompt/MessageBouncePrompt-layout'; diff --git a/src/v2/styles/index.scss b/src/v2/styles/index.scss index 81d6cd2d..ee09e83e 100644 --- a/src/v2/styles/index.scss +++ b/src/v2/styles/index.scss @@ -26,6 +26,7 @@ @use 'ImageCarousel/ImageCarousel-theme'; @use 'LinkPreview/LinkPreview-theme'; @use 'LoadingIndicator/LoadingIndicator-theme'; +@use 'Location/Location-theme'; @use 'Message/Message-theme'; @use 'MessageActionsBox/MessageActionsBox-theme'; @use 'MessageBouncePrompt/MessageBouncePrompt-theme';