@linktr.ee/messaging-react 1.30.0-rc-1776647554 → 1.30.0

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.30.0-rc-1776647554",
3
+ "version": "1.30.0",
4
4
  "description": "React messaging components built on messaging-core for web applications",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
@@ -72,7 +72,7 @@ ChatbotReceiverText.args = {
72
72
  export const ChatbotSenderText: StoryFn<ComponentProps> = (args) => {
73
73
  return (
74
74
  <div className="p-12">
75
- <div className="bg-[#121110] rounded-3xl px-4 py-3 w-[280px]">
75
+ <div className="bg-[#121110] rounded-[24px] px-4 py-3 w-[280px]">
76
76
  <MessageTag {...args} />
77
77
  </div>
78
78
  </div>
@@ -136,7 +136,7 @@ export const AllVariants: StoryFn = () => {
136
136
  </div>
137
137
  <div className="flex items-center gap-4">
138
138
  <span className="text-sm w-32">Chatbot (sender):</span>
139
- <div className="bg-[#121110] rounded-3xl px-4 py-3 w-[280px]">
139
+ <div className="bg-[#121110] rounded-[24px] px-4 py-3 w-[280px]">
140
140
  <MessageTag
141
141
  message={createMockMessage({
142
142
  metadata: { custom_type: 'MESSAGE_CHATBOT' },
@@ -16,7 +16,7 @@ export function IconButton({ label, className, children, ...rest }: IconButtonPr
16
16
  <button
17
17
  type="button"
18
18
  className={classNames(
19
- "rounded-full p-2 transition-colors focus-ring",
19
+ "inline-flex items-center justify-center rounded-full transition-colors focus-ring p-2",
20
20
  {
21
21
  "cursor-not-allowed opacity-50": rest.disabled,
22
22
  "hover:bg-sand": !rest.disabled,
@@ -412,7 +412,7 @@ const CreatorCard: React.FC<CreatorCardProps> = (props) => {
412
412
  }
413
413
 
414
414
  return (
415
- <div className="relative w-[280px] select-none overflow-hidden rounded-3xl bg-white shadow-card">
415
+ <div className="relative w-[280px] select-none overflow-hidden rounded-[24px] bg-white shadow-card">
416
416
  {onDismiss && (
417
417
  <button
418
418
  type="button"
@@ -294,7 +294,7 @@ const VisitorCard: React.FC<VisitorCardProps> = (props) => {
294
294
  }
295
295
 
296
296
  return (
297
- <div className="w-[280px] select-none overflow-hidden rounded-3xl bg-white shadow-card">
297
+ <div className="w-[280px] select-none overflow-hidden rounded-[24px] bg-white shadow-card">
298
298
  {mediaPreview}
299
299
  <div className="px-4 pb-3 pt-3">
300
300
  <p className="mb-1.5 truncate text-base font-medium text-black">
@@ -8,7 +8,7 @@ const VisitorCardLazy = React.lazy(() => import('./components/Visitor'))
8
8
 
9
9
  const LockedAttachmentFallback = () => (
10
10
  <div
11
- className="w-[280px] min-h-[200px] animate-pulse rounded-3xl bg-black/[0.06] shadow-[0px_0px_0px_1px_rgba(0,0,0,0.04),0px_1px_2px_0px_rgba(0,0,0,0.04)]"
11
+ className="w-[280px] min-h-[200px] animate-pulse rounded-[24px] bg-black/[0.06] shadow-[0px_0px_0px_1px_rgba(0,0,0,0.04),0px_1px_2px_0px_rgba(0,0,0,0.04)]"
12
12
  aria-hidden
13
13
  />
14
14
  )