@linktr.ee/messaging-react 4.4.2 → 4.4.3-rc-1787671195
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.
|
|
3
|
+
"version": "4.4.3-rc-1787671195",
|
|
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": "
|
|
54
|
-
"@linktr.ee/messaging-taxonomy": "
|
|
53
|
+
"@linktr.ee/messaging-core": "2.6.1-rc-1787671195",
|
|
54
|
+
"@linktr.ee/messaging-taxonomy": "0.11.0-rc-1787671195",
|
|
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
|