@linktr.ee/messaging-react 4.4.2 → 4.4.3-rc-1787639484

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.4.2",
3
+ "version": "4.4.3-rc-1787639484",
4
4
  "description": "React messaging components built on messaging-core for web applications",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",
@@ -50,8 +50,8 @@
50
50
  "chromatic:local": "yarn storybook:build && chromatic"
51
51
  },
52
52
  "dependencies": {
53
- "@linktr.ee/messaging-core": "^2.6.0",
54
- "@linktr.ee/messaging-taxonomy": "^0.11.0",
53
+ "@linktr.ee/messaging-core": "2.6.0-rc-1787639484",
54
+ "@linktr.ee/messaging-taxonomy": "0.11.0-rc-1787639484",
55
55
  "@phosphor-icons/react": "^2.1.10"
56
56
  },
57
57
  "devDependencies": {
@@ -515,6 +515,8 @@ describe('LinkAttachment.Composer chrome', () => {
515
515
  expect(container.querySelector('div.flex-1')?.contains(dismiss)).toBe(true)
516
516
  // 44x44 touch target without growing the 24px circle.
517
517
  expect(dismiss.className).toContain('before:-inset-[10px]')
518
+ // Hover lifts the fill so the control is not identical to its rest state.
519
+ expect(dismiss.className).toContain('hover:bg-[#2a2928]')
518
520
  fireEvent.click(dismiss)
519
521
  expect(onDismiss).toHaveBeenCalledTimes(1)
520
522
  })
@@ -30,9 +30,11 @@ export interface ComposerCardProps extends LinkAttachmentBaseProps {
30
30
  dismissLabel?: string
31
31
  }
32
32
 
33
- // 24x24 circle with a 12x12 white X — already Figma-exact.
33
+ // 24x24 circle with a 12x12 white X — already Figma-exact. The lifted hover
34
+ // fill is the same one the light-surface primary CTA and download action use
35
+ // for this ink, so the card's only control confirms itself before a click.
34
36
  const DISMISS_CLASS =
35
- 'flex size-6 items-center justify-center rounded-full bg-[#121110] text-white focus-ring'
37
+ 'flex size-6 items-center justify-center rounded-full bg-[#121110] text-white transition-colors duration-150 hover:bg-[#2a2928] focus-ring'
36
38
 
37
39
  // Grows only the *clickable* area to 44x44 (24 + 10 + 10) for the platform
38
40
  // touch minimum (MES-1350 / MES-1358), leaving the visual box alone — this