@sproutsocial/seeds-react-modal 2.5.5 → 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.
Files changed (4) hide show
  1. package/.turbo/turbo-build.log +10 -10
  2. package/CHANGELOG.md +14 -0
  3. package/package.json +4 -4
  4. package/src/v2/ModalV2.stories.tsx +36 -0
package/.turbo/turbo-build.log CHANGED
@@ -9,25 +9,25 @@ $ tsup --dts
9
9
  CJS Build start
10
10
  ESM Build start
11
11
  CJS dist/index.js 41.42 KB
12
- CJS dist/v1/index.js 10.31 KB
13
12
  CJS dist/v2/index.js 32.96 KB
13
+ CJS dist/v1/index.js 10.31 KB
14
14
  CJS dist/index.js.map 82.23 KB
15
- CJS dist/v1/index.js.map 14.56 KB
16
15
  CJS dist/v2/index.js.map 67.35 KB
17
- CJS ⚡️ Build success in 41ms
18
- ESM dist/esm/chunk-XQ2A6HDC.js 27.90 KB
16
+ CJS dist/v1/index.js.map 14.56 KB
17
+ CJS ⚡️ Build success in 45ms
19
18
  ESM dist/esm/v1/index.js 165.00 B
19
+ ESM dist/esm/chunk-XQ2A6HDC.js 27.90 KB
20
+ ESM dist/esm/chunk-72GBDCA2.js 7.57 KB
20
21
  ESM dist/esm/v2/index.js 746.00 B
21
22
  ESM dist/esm/index.js 733.00 B
22
- ESM dist/esm/chunk-72GBDCA2.js 7.57 KB
23
- ESM dist/esm/chunk-XQ2A6HDC.js.map 66.27 KB
24
23
  ESM dist/esm/v1/index.js.map 71.00 B
24
+ ESM dist/esm/chunk-72GBDCA2.js.map 14.38 KB
25
25
  ESM dist/esm/v2/index.js.map 71.00 B
26
+ ESM dist/esm/chunk-XQ2A6HDC.js.map 66.27 KB
26
27
  ESM dist/esm/index.js.map 1.16 KB
27
- ESM dist/esm/chunk-72GBDCA2.js.map 14.38 KB
28
- ESM ⚡️ Build success in 41ms
28
+ ESM ⚡️ Build success in 46ms
29
29
  DTS Build start
30
- DTS ⚡️ Build success in 4086ms
30
+ DTS ⚡️ Build success in 4477ms
31
31
  DTS dist/index.d.ts 1.07 KB
32
32
  DTS dist/v1/index.d.ts 413.00 B
33
33
  DTS dist/v2/index.d.ts 1.16 KB
@@ -38,4 +38,4 @@ $ tsup --dts
38
38
  DTS dist/v2/index.d.mts 1.16 KB
39
39
  DTS dist/Modal-DTeKLfEI.d.mts 2.52 KB
40
40
  DTS dist/ModalExternalTrigger-BnbJk9zY.d.mts 23.41 KB
41
- Done in 4.88s.
41
+ Done in 5.25s.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @sproutsocial/seeds-react-modal
2
2
 
3
+ ## 2.5.7
4
+
5
+ ### Patch Changes
6
+
7
+ - @sproutsocial/seeds-react-icon@2.3.4
8
+ - @sproutsocial/seeds-react-button@2.0.2
9
+
10
+ ## 2.5.6
11
+
12
+ ### Patch Changes
13
+
14
+ - @sproutsocial/seeds-react-icon@2.3.3
15
+ - @sproutsocial/seeds-react-button@2.0.1
16
+
3
17
  ## 2.5.5
4
18
 
5
19
  ### Patch Changes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sproutsocial/seeds-react-modal",
3
- "version": "2.5.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.0",
41
- "@sproutsocial/seeds-react-icon": "^2.3.2",
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.11",
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": "*",
package/src/v2/ModalV2.stories.tsx CHANGED
@@ -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&apos;s FocusScope and the Popout&apos;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