@instructure/ui-popover 11.7.4-snapshot-129 → 11.7.4-snapshot-132
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/CHANGELOG.md +1 -1
- package/package.json +17 -17
- package/src/Popover/v2/README.md +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
## [11.7.4-snapshot-
|
|
6
|
+
## [11.7.4-snapshot-132](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-132) (2026-07-23)
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
### Bug Fixes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-popover",
|
|
3
|
-
"version": "11.7.4-snapshot-
|
|
3
|
+
"version": "11.7.4-snapshot-132",
|
|
4
4
|
"description": "A component for hiding or showing content based on user interaction.",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -16,28 +16,28 @@
|
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@babel/runtime": "^7.29.7",
|
|
18
18
|
"keycode": "^2.2.1",
|
|
19
|
-
"@instructure/console": "11.7.4-snapshot-
|
|
20
|
-
"@instructure/
|
|
21
|
-
"@instructure/
|
|
22
|
-
"@instructure/
|
|
23
|
-
"@instructure/ui-
|
|
24
|
-
"@instructure/
|
|
25
|
-
"@instructure/ui-
|
|
26
|
-
"@instructure/ui-
|
|
27
|
-
"@instructure/ui-
|
|
28
|
-
"@instructure/ui-utils": "11.7.4-snapshot-
|
|
29
|
-
"@instructure/ui-
|
|
30
|
-
"@instructure/uid": "11.7.4-snapshot-
|
|
31
|
-
"@instructure/ui-
|
|
19
|
+
"@instructure/console": "11.7.4-snapshot-132",
|
|
20
|
+
"@instructure/shared-types": "11.7.4-snapshot-132",
|
|
21
|
+
"@instructure/emotion": "11.7.4-snapshot-132",
|
|
22
|
+
"@instructure/ui-dialog": "11.7.4-snapshot-132",
|
|
23
|
+
"@instructure/ui-a11y-utils": "11.7.4-snapshot-132",
|
|
24
|
+
"@instructure/ui-dom-utils": "11.7.4-snapshot-132",
|
|
25
|
+
"@instructure/ui-i18n": "11.7.4-snapshot-132",
|
|
26
|
+
"@instructure/ui-position": "11.7.4-snapshot-132",
|
|
27
|
+
"@instructure/ui-utils": "11.7.4-snapshot-132",
|
|
28
|
+
"@instructure/ui-react-utils": "11.7.4-snapshot-132",
|
|
29
|
+
"@instructure/ui-themes": "11.7.4-snapshot-132",
|
|
30
|
+
"@instructure/uid": "11.7.4-snapshot-132",
|
|
31
|
+
"@instructure/ui-view": "11.7.4-snapshot-132"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@testing-library/jest-dom": "^6.9.1",
|
|
35
35
|
"@testing-library/react": "16.3.2",
|
|
36
36
|
"@testing-library/user-event": "^14.6.1",
|
|
37
37
|
"vitest": "^4.1.9",
|
|
38
|
-
"@instructure/ui-
|
|
39
|
-
"@instructure/ui-
|
|
40
|
-
"@instructure/ui-
|
|
38
|
+
"@instructure/ui-color-utils": "11.7.4-snapshot-132",
|
|
39
|
+
"@instructure/ui-axe-check": "11.7.4-snapshot-132",
|
|
40
|
+
"@instructure/ui-babel-preset": "11.7.4-snapshot-132"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
43
43
|
"react": ">=18 <=19"
|
package/src/Popover/v2/README.md
CHANGED
|
@@ -69,7 +69,7 @@ const Example = () => {
|
|
|
69
69
|
onShowContent={() => console.log('showing')}
|
|
70
70
|
onHideContent={() => console.log('hidden')}
|
|
71
71
|
>
|
|
72
|
-
<View padding="
|
|
72
|
+
<View padding="general.spaceSm" display="block" as="div" id="tip">
|
|
73
73
|
<Text color={color}>
|
|
74
74
|
Hello World
|
|
75
75
|
</Text>
|
|
@@ -120,7 +120,7 @@ const Example = () => {
|
|
|
120
120
|
shouldCloseOnDocumentClick
|
|
121
121
|
offsetY="16px"
|
|
122
122
|
>
|
|
123
|
-
<View padding="
|
|
123
|
+
<View padding="general.spaceXl" display="block" as="form">
|
|
124
124
|
{renderCloseButton()}
|
|
125
125
|
<FormFieldGroup description="Log In">
|
|
126
126
|
<TextInput renderLabel="Username" ref={usernameRef} />
|
|
@@ -319,7 +319,7 @@ const Example = () => {
|
|
|
319
319
|
}
|
|
320
320
|
|
|
321
321
|
return (
|
|
322
|
-
<View as="div" background="primary" padding="
|
|
322
|
+
<View as="div" background="primary" padding="general.spaceMd">
|
|
323
323
|
<Flex margin="general.spaceMd general.spaceMd general.space2xl" justifyItems="space-around">
|
|
324
324
|
<Flex.Item align="start">
|
|
325
325
|
<FormFieldGroup description="Popover Example">
|
|
@@ -392,7 +392,7 @@ const Example = () => {
|
|
|
392
392
|
</View>
|
|
393
393
|
</Flex.Item>
|
|
394
394
|
</Flex>
|
|
395
|
-
<View as="div" display="block" padding="
|
|
395
|
+
<View as="div" display="block" padding="general.space2xl" textAlign="center">
|
|
396
396
|
<Popover
|
|
397
397
|
renderTrigger={
|
|
398
398
|
<div
|
|
@@ -448,7 +448,7 @@ class Example extends React.Component {
|
|
|
448
448
|
screenReaderLabel="A long popover"
|
|
449
449
|
renderTrigger={<Button>Open scrollable popover</Button>}
|
|
450
450
|
>
|
|
451
|
-
<View as="div" padding="
|
|
451
|
+
<View as="div" padding="general.spaceMd" maxWidth="22rem">{fpo}</View>
|
|
452
452
|
</Popover>
|
|
453
453
|
)
|
|
454
454
|
}
|