@linktr.ee/messaging-react 3.8.1-rc-1783410975 → 3.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@linktr.ee/messaging-react",
3
- "version": "3.8.1-rc-1783410975",
3
+ "version": "3.8.1",
4
4
  "description": "React messaging components built on messaging-core for web applications",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",
@@ -50,7 +50,7 @@
50
50
  },
51
51
  "dependencies": {
52
52
  "@linktr.ee/component-library": "11.8.6",
53
- "@linktr.ee/messaging-core": "2.3.0-rc-1783410975",
53
+ "@linktr.ee/messaging-core": "^2.2.0",
54
54
  "@phosphor-icons/react": "^2.1.10"
55
55
  },
56
56
  "devDependencies": {
package/src/styles.css CHANGED
@@ -762,12 +762,7 @@
762
762
  z-index: -1;
763
763
  width: 1.25rem;
764
764
  height: 1.4375rem;
765
- /* Inherit the bubble's own background rather than reading the theme var
766
- directly: the tail is visually part of the bubble, so it must track any
767
- consumer override of the bubble surface (e.g. the Spotlight / "priority
768
- by AI" treatment repaints `.str-chat__message-bubble` white). Reading
769
- the var would leave the tail the default grey against a white bubble. */
770
- background-color: inherit;
765
+ background-color: var(--str-chat__message-bubble-background-color);
771
766
  pointer-events: none;
772
767
  transform: scaleX(-1);
773
768
  transform-origin: center;
@@ -795,9 +790,7 @@
795
790
  z-index: -1;
796
791
  width: 1.25rem;
797
792
  height: 1.4375rem;
798
- /* Inherit the bubble's own background (see the `--other` tail above) so
799
- the sent tail tracks any consumer override of the bubble surface. */
800
- background-color: inherit;
793
+ background-color: var(--str-chat__own-message-bubble-background-color);
801
794
  pointer-events: none;
802
795
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' fill='none'%3E%3Cpath fill='black' d='M0 0H15C15 10.1934 15.859 15.2345 19.168 21.4893C19.527 22.168 19.039 22.9917 18.274 22.9178C5.176 21.6506 0.32 6.0737 0 0Z'/%3E%3C/svg%3E")
803
796
  no-repeat center / 100% 100%;