@linktr.ee/messaging-react 4.1.1-rc-1786771951 → 4.1.1-rc-1786774403

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": "4.1.1-rc-1786771951",
3
+ "version": "4.1.1-rc-1786774403",
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
  "chromatic:local": "yarn storybook:build && chromatic"
51
51
  },
52
52
  "dependencies": {
53
- "@linktr.ee/messaging-core": "2.4.0-rc-1786771951",
53
+ "@linktr.ee/messaging-core": "2.4.0-rc-1786774403",
54
54
  "@linktr.ee/messaging-taxonomy": "^0.10.0",
55
55
  "@phosphor-icons/react": "^2.1.10"
56
56
  },
@@ -10,6 +10,7 @@ const meta: Meta<ComponentProps> = {
10
10
  component: ActionButton,
11
11
  parameters: {
12
12
  layout: 'centered',
13
+ chromatic: { disableSnapshot: true },
13
14
  },
14
15
  argTypes: {
15
16
  onClick: { action: 'clicked' },
@@ -8,7 +8,7 @@ type ComponentProps = React.ComponentProps<typeof AttachmentCard>
8
8
  const meta: Meta<ComponentProps> = {
9
9
  title: 'AttachmentCard',
10
10
  component: AttachmentCard,
11
- parameters: { layout: 'centered' },
11
+ parameters: { layout: 'centered', chromatic: { disableSnapshot: true } },
12
12
  argTypes: {
13
13
  variant: { control: { type: 'inline-radio' }, options: ['light', 'dark'] },
14
14
  },
@@ -8,7 +8,7 @@ type ComponentProps = React.ComponentProps<typeof CloseButton>
8
8
  const meta: Meta<ComponentProps> = {
9
9
  title: 'CloseButton',
10
10
  component: CloseButton,
11
- parameters: { layout: 'centered' },
11
+ parameters: { layout: 'centered', chromatic: { disableSnapshot: true } },
12
12
  argTypes: {
13
13
  onClick: { action: 'clicked' },
14
14
  },
@@ -10,7 +10,7 @@ type ComponentProps = React.ComponentProps<typeof CustomDateSeparator>
10
10
  const meta: Meta<ComponentProps> = {
11
11
  title: 'CustomDateSeparator',
12
12
  component: CustomDateSeparator,
13
- parameters: { layout: 'fullscreen' },
13
+ parameters: { layout: 'fullscreen', chromatic: { disableSnapshot: true } },
14
14
  }
15
15
  export default meta
16
16
 
@@ -648,6 +648,11 @@ WithTypingIndicatorComparison.parameters = {
648
648
  'Renders a standard incoming message and the custom typing indicator in the same list for visual comparison.',
649
649
  },
650
650
  },
651
+ // The typing indicator is animation-dominant, so a snapshot mostly captures
652
+ // whichever frame the animation happened to be on — it flags a visual change
653
+ // on nearly every build. Matches CustomTypingIndicator.stories.tsx; the story
654
+ // stays browsable in Storybook for design review.
655
+ chromatic: { disableSnapshot: true },
651
656
  }
652
657
 
653
658
  // ─── Message Actions ──────────────────────────────────────────────────────────
@@ -9,6 +9,7 @@ const meta: Meta<ComponentProps> = {
9
9
  component: FaqListItem,
10
10
  parameters: {
11
11
  layout: 'centered',
12
+ chromatic: { disableSnapshot: true },
12
13
  },
13
14
  }
14
15
  export default meta
@@ -11,6 +11,7 @@ const meta: Meta<ComponentProps> = {
11
11
  component: IconButton,
12
12
  parameters: {
13
13
  layout: 'centered',
14
+ chromatic: { disableSnapshot: true },
14
15
  },
15
16
  argTypes: {
16
17
  onClick: { action: 'clicked' },
@@ -10,6 +10,7 @@ const meta: Meta<ComponentProps> = {
10
10
  component: Loading,
11
11
  parameters: {
12
12
  layout: 'centered',
13
+ chromatic: { disableSnapshot: true },
13
14
  },
14
15
  }
15
16
  export default meta
@@ -10,6 +10,7 @@ const meta: Meta<ComponentProps> = {
10
10
  component: ErrorState,
11
11
  parameters: {
12
12
  layout: 'fullscreen',
13
+ chromatic: { disableSnapshot: true },
13
14
  },
14
15
  }
15
16
 
@@ -10,6 +10,7 @@ const meta: Meta<ComponentProps> = {
10
10
  component: LoadingState,
11
11
  parameters: {
12
12
  layout: 'fullscreen',
13
+ chromatic: { disableSnapshot: true },
13
14
  },
14
15
  }
15
16
 
@@ -10,6 +10,7 @@ const meta: Meta<ComponentProps> = {
10
10
  component: SearchInput,
11
11
  parameters: {
12
12
  layout: 'centered',
13
+ chromatic: { disableSnapshot: true },
13
14
  },
14
15
  }
15
16
  export default meta
@@ -14,7 +14,7 @@ import { createMockMessagingClient } from './createMockMessagingClient'
14
14
  */
15
15
  const meta: Meta = {
16
16
  title: 'testing/createMockMessagingClient',
17
- parameters: { layout: 'fullscreen' },
17
+ parameters: { layout: 'fullscreen', chromatic: { disableSnapshot: true } },
18
18
  }
19
19
  export default meta
20
20