@linktr.ee/messaging-react 1.22.0-rc-1771903841 → 1.22.0-rc-1771907607

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": "1.22.0-rc-1771903841",
3
+ "version": "1.22.0-rc-1771907607",
4
4
  "description": "React messaging components built on messaging-core for web applications",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
@@ -11,17 +11,18 @@ interface MessageTagProps {
11
11
  hasAttachment?: boolean
12
12
  }
13
13
 
14
- const SparkleIcon = ({ size = 12 }: { size?: number }) => (
14
+ const SparkleIcon = ({ size = 15 }: { size?: number }) => (
15
15
  <svg
16
16
  width={size}
17
17
  height={size}
18
- viewBox="0 0 10 10"
18
+ viewBox="0 0 15 15"
19
19
  fill="none"
20
20
  aria-hidden="true"
21
21
  >
22
22
  <path
23
- d="M10.003 5a.705.705 0 0 1-.469.67L6.7 6.7 5.67 9.535a.715.715 0 0 1-1.34 0L3.3 6.7.466 5.67a.715.715 0 0 1 0-1.34L3.3 3.3 4.33.466a.715.715 0 0 1 1.34 0L6.7 3.3l2.834 1.03a.705.705 0 0 1 .469.67"
23
+ d="M12.003 9a.985.985 0 0 1-.652.934l-3.223 1.191-1.188 3.226a.995.995 0 0 1-1.867 0l-1.195-3.226L.65 9.937a.995.995 0 0 1 0-1.867l3.227-1.195 1.187-3.226a.995.995 0 0 1 1.868 0l1.195 3.226 3.226 1.187a.99.99 0 0 1 .649.938m3-5.83a.52.52 0 0 1-.344.492l-1.702.63-.627 1.703a.525.525 0 0 1-.986 0l-.63-1.704-1.704-.627a.525.525 0 0 1 0-.986l1.703-.63.627-1.704a.526.526 0 0 1 .986 0l.631 1.703 1.704.627a.52.52 0 0 1 .342.495"
24
24
  fill="currentColor"
25
+ fillOpacity={0.55}
25
26
  />
26
27
  </svg>
27
28
  )
package/src/styles.css CHANGED
@@ -146,7 +146,8 @@
146
146
  .message-chatbot-indicator--text {
147
147
  width: 100%;
148
148
  gap: 6px;
149
- margin-bottom: 8px;
149
+ margin-top: 12px;
150
+ padding-inline: 16px;
150
151
  }
151
152
 
152
153
  .message-chatbot-indicator--receiver {
@@ -159,6 +160,7 @@
159
160
  }
160
161
 
161
162
  .message-chatbot-indicator--sender.message-chatbot-indicator--text {
163
+ justify-content: flex-start;
162
164
  color: rgba(255, 255, 255, 0.55);
163
165
  }
164
166
 
@@ -175,6 +177,10 @@
175
177
  line-height: 1;
176
178
  }
177
179
 
180
+ .message-chatbot-indicator__label {
181
+ text-align: left;
182
+ }
183
+
178
184
  /* Message vote buttons (chatbot feedback) */
179
185
  .message-vote-buttons {
180
186
  display: inline-flex;