@sproutsocial/seeds-react-modal 2.5.6 → 2.5.7
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/.turbo/turbo-build.log +9 -9
- package/CHANGELOG.md +7 -0
- package/package.json +4 -4
- package/src/v2/ModalV2.stories.tsx +36 -0
package/.turbo/turbo-build.log
CHANGED
|
@@ -14,20 +14,20 @@ $ tsup --dts
|
|
|
14
14
|
[32mCJS[39m [1mdist/index.js.map [22m[32m82.23 KB[39m
|
|
15
15
|
[32mCJS[39m [1mdist/v2/index.js.map [22m[32m67.35 KB[39m
|
|
16
16
|
[32mCJS[39m [1mdist/v1/index.js.map [22m[32m14.56 KB[39m
|
|
17
|
-
[32mCJS[39m ⚡️ Build success in
|
|
18
|
-
[32mESM[39m [1mdist/esm/index.js
|
|
17
|
+
[32mCJS[39m ⚡️ Build success in 45ms
|
|
18
|
+
[32mESM[39m [1mdist/esm/v1/index.js [22m[32m165.00 B[39m
|
|
19
19
|
[32mESM[39m [1mdist/esm/chunk-XQ2A6HDC.js [22m[32m27.90 KB[39m
|
|
20
20
|
[32mESM[39m [1mdist/esm/chunk-72GBDCA2.js [22m[32m7.57 KB[39m
|
|
21
|
-
[32mESM[39m [1mdist/esm/v1/index.js [22m[32m165.00 B[39m
|
|
22
21
|
[32mESM[39m [1mdist/esm/v2/index.js [22m[32m746.00 B[39m
|
|
23
|
-
[32mESM[39m [1mdist/esm/index.js
|
|
24
|
-
[32mESM[39m [1mdist/esm/chunk-XQ2A6HDC.js.map [22m[32m66.27 KB[39m
|
|
25
|
-
[32mESM[39m [1mdist/esm/chunk-72GBDCA2.js.map [22m[32m14.38 KB[39m
|
|
22
|
+
[32mESM[39m [1mdist/esm/index.js [22m[32m733.00 B[39m
|
|
26
23
|
[32mESM[39m [1mdist/esm/v1/index.js.map [22m[32m71.00 B[39m
|
|
24
|
+
[32mESM[39m [1mdist/esm/chunk-72GBDCA2.js.map [22m[32m14.38 KB[39m
|
|
27
25
|
[32mESM[39m [1mdist/esm/v2/index.js.map [22m[32m71.00 B[39m
|
|
28
|
-
[32mESM[39m
|
|
26
|
+
[32mESM[39m [1mdist/esm/chunk-XQ2A6HDC.js.map [22m[32m66.27 KB[39m
|
|
27
|
+
[32mESM[39m [1mdist/esm/index.js.map [22m[32m1.16 KB[39m
|
|
28
|
+
[32mESM[39m ⚡️ Build success in 46ms
|
|
29
29
|
[34mDTS[39m Build start
|
|
30
|
-
[32mDTS[39m ⚡️ Build success in
|
|
30
|
+
[32mDTS[39m ⚡️ Build success in 4477ms
|
|
31
31
|
[32mDTS[39m [1mdist/index.d.ts [22m[32m1.07 KB[39m
|
|
32
32
|
[32mDTS[39m [1mdist/v1/index.d.ts [22m[32m413.00 B[39m
|
|
33
33
|
[32mDTS[39m [1mdist/v2/index.d.ts [22m[32m1.16 KB[39m
|
|
@@ -38,4 +38,4 @@ $ tsup --dts
|
|
|
38
38
|
[32mDTS[39m [1mdist/v2/index.d.mts [22m[32m1.16 KB[39m
|
|
39
39
|
[32mDTS[39m [1mdist/Modal-DTeKLfEI.d.mts [22m[32m2.52 KB[39m
|
|
40
40
|
[32mDTS[39m [1mdist/ModalExternalTrigger-BnbJk9zY.d.mts [22m[32m23.41 KB[39m
|
|
41
|
-
Done in 5.
|
|
41
|
+
Done in 5.25s.
|
package/CHANGELOG.md
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sproutsocial/seeds-react-modal",
|
|
3
|
-
"version": "2.5.
|
|
3
|
+
"version": "2.5.7",
|
|
4
4
|
"description": "Seeds React Modal",
|
|
5
5
|
"author": "Sprout Social, Inc.",
|
|
6
6
|
"license": "MIT",
|
|
@@ -37,8 +37,8 @@
|
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@radix-ui/react-dialog": "^1.1.14",
|
|
39
39
|
"@sproutsocial/seeds-react-box": "^1.1.16",
|
|
40
|
-
"@sproutsocial/seeds-react-button": "^2.0.
|
|
41
|
-
"@sproutsocial/seeds-react-icon": "^2.3.
|
|
40
|
+
"@sproutsocial/seeds-react-button": "^2.0.2",
|
|
41
|
+
"@sproutsocial/seeds-react-icon": "^2.3.4",
|
|
42
42
|
"@sproutsocial/seeds-react-portal": "^1.2.0",
|
|
43
43
|
"@sproutsocial/seeds-react-system-props": "^3.0.1",
|
|
44
44
|
"@sproutsocial/seeds-react-text": "^1.4.0",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"devDependencies": {
|
|
53
53
|
"@sproutsocial/eslint-config-seeds": "*",
|
|
54
54
|
"@sproutsocial/seeds-react-form-field": "^1.1.10",
|
|
55
|
-
"@sproutsocial/seeds-react-input": "^1.5.
|
|
55
|
+
"@sproutsocial/seeds-react-input": "^1.5.13",
|
|
56
56
|
"@sproutsocial/seeds-react-testing-library": "*",
|
|
57
57
|
"@sproutsocial/seeds-testing": "*",
|
|
58
58
|
"@sproutsocial/seeds-tsconfig": "*",
|
|
@@ -1414,6 +1414,42 @@ export const WithPopout: Story = {
|
|
|
1414
1414
|
<Button>Open Popout</Button>
|
|
1415
1415
|
</Popout>
|
|
1416
1416
|
</Box>
|
|
1417
|
+
<Box>
|
|
1418
|
+
<Text fontSize={200} fontWeight="semibold" mb={200}>
|
|
1419
|
+
Popout V1 (focus fight repro)
|
|
1420
|
+
</Text>
|
|
1421
|
+
<Text as="p" fontSize={100} mb={200}>
|
|
1422
|
+
Open this popout. With the bug, focus flickers/bounces because
|
|
1423
|
+
Radix Dialog's FocusScope and the Popout's
|
|
1424
|
+
react-focus-lock each try to trap focus. Try tabbing between the
|
|
1425
|
+
two inputs — focus should stay inside the popout.
|
|
1426
|
+
</Text>
|
|
1427
|
+
<Popout
|
|
1428
|
+
placement="bottom-start"
|
|
1429
|
+
content={
|
|
1430
|
+
<Popout.Content>
|
|
1431
|
+
<Box display="flex" flexDirection="column" gap={200}>
|
|
1432
|
+
<label>
|
|
1433
|
+
First input{" "}
|
|
1434
|
+
<input
|
|
1435
|
+
data-testid="popout-input-1"
|
|
1436
|
+
placeholder="focus should land here"
|
|
1437
|
+
/>
|
|
1438
|
+
</label>
|
|
1439
|
+
<label>
|
|
1440
|
+
Second input{" "}
|
|
1441
|
+
<input
|
|
1442
|
+
data-testid="popout-input-2"
|
|
1443
|
+
placeholder="tab should reach here"
|
|
1444
|
+
/>
|
|
1445
|
+
</label>
|
|
1446
|
+
</Box>
|
|
1447
|
+
</Popout.Content>
|
|
1448
|
+
}
|
|
1449
|
+
>
|
|
1450
|
+
<Button>Open Popout with focusable content</Button>
|
|
1451
|
+
</Popout>
|
|
1452
|
+
</Box>
|
|
1417
1453
|
<Box>
|
|
1418
1454
|
<Text fontSize={200} fontWeight="semibold" mb={200}>
|
|
1419
1455
|
Popout V2
|