@instructure/ui-toggle-details 11.7.2-snapshot-46 → 11.7.2-snapshot-48
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
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.2-snapshot-
|
|
6
|
+
## [11.7.2-snapshot-48](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-48) (2026-04-16)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @instructure/ui-toggle-details
|
|
9
9
|
|
|
@@ -9,7 +9,7 @@ var _react = require("react");
|
|
|
9
9
|
var _v11_ = require("@instructure/ui-buttons/v11_6");
|
|
10
10
|
var _IconArrowOpenEndSolid = require("@instructure/ui-icons/lib/generated/IconArrowOpenEndSolid.js");
|
|
11
11
|
var _IconArrowOpenDownSolid = require("@instructure/ui-icons/lib/generated/IconArrowOpenDownSolid.js");
|
|
12
|
-
var
|
|
12
|
+
var _uiExpandable = require("@instructure/ui-expandable");
|
|
13
13
|
var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
|
|
14
14
|
var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
|
|
15
15
|
var _isActiveElement = require("@instructure/ui-dom-utils/lib/isActiveElement.js");
|
|
@@ -158,8 +158,8 @@ let ToggleDetails = exports.ToggleDetails = (_dec = (0, _emotion.withStyleLegacy
|
|
|
158
158
|
});
|
|
159
159
|
}
|
|
160
160
|
render() {
|
|
161
|
-
return (0, _jsxRuntime.jsx)(
|
|
162
|
-
...(0, _pickProps.pickProps)(this.props,
|
|
161
|
+
return (0, _jsxRuntime.jsx)(_uiExpandable.Expandable, {
|
|
162
|
+
...(0, _pickProps.pickProps)(this.props, _uiExpandable.Expandable.allowedProps),
|
|
163
163
|
onToggle: this.handleToggle,
|
|
164
164
|
children: ({
|
|
165
165
|
expanded,
|
|
@@ -8,7 +8,7 @@ exports.default = exports.ToggleDetails = void 0;
|
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
var _latest = require("@instructure/ui-buttons/latest");
|
|
10
10
|
var _uiIcons = require("@instructure/ui-icons");
|
|
11
|
-
var
|
|
11
|
+
var _uiExpandable = require("@instructure/ui-expandable");
|
|
12
12
|
var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
|
|
13
13
|
var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
|
|
14
14
|
var _isActiveElement = require("@instructure/ui-dom-utils/lib/isActiveElement.js");
|
|
@@ -161,8 +161,8 @@ let ToggleDetails = exports.ToggleDetails = (_dec = (0, _emotion.withStyle)(_sty
|
|
|
161
161
|
});
|
|
162
162
|
}
|
|
163
163
|
render() {
|
|
164
|
-
return (0, _jsxRuntime.jsx)(
|
|
165
|
-
...(0, _pickProps.pickProps)(this.props,
|
|
164
|
+
return (0, _jsxRuntime.jsx)(_uiExpandable.Expandable, {
|
|
165
|
+
...(0, _pickProps.pickProps)(this.props, _uiExpandable.Expandable.allowedProps),
|
|
166
166
|
onToggle: this.handleToggle,
|
|
167
167
|
children: ({
|
|
168
168
|
expanded,
|
|
@@ -12,7 +12,7 @@ var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js
|
|
|
12
12
|
var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
|
|
13
13
|
var _v11_ = require("@instructure/ui-buttons/v11_6");
|
|
14
14
|
var _Transition = require("@instructure/ui-motion/lib/Transition");
|
|
15
|
-
var
|
|
15
|
+
var _uiExpandable = require("@instructure/ui-expandable");
|
|
16
16
|
var _isActiveElement = require("@instructure/ui-dom-utils/lib/isActiveElement.js");
|
|
17
17
|
var _v11_2 = require("@instructure/ui-flex/v11_6");
|
|
18
18
|
var _v11_3 = require("@instructure/ui-view/v11_6");
|
|
@@ -128,8 +128,8 @@ let ToggleGroup = exports.ToggleGroup = (_dec = (0, _emotion.withStyleLegacy)(_s
|
|
|
128
128
|
render() {
|
|
129
129
|
const Element = (0, _getElementType.getElementType)(ToggleGroup, this.props);
|
|
130
130
|
const styles = this.props.styles;
|
|
131
|
-
return (0, _jsxRuntime.jsx)(
|
|
132
|
-
...(0, _pickProps.pickProps)(this.props,
|
|
131
|
+
return (0, _jsxRuntime.jsx)(_uiExpandable.Expandable, {
|
|
132
|
+
...(0, _pickProps.pickProps)(this.props, _uiExpandable.Expandable.allowedProps),
|
|
133
133
|
children: ({
|
|
134
134
|
expanded,
|
|
135
135
|
getToggleProps,
|
|
@@ -11,7 +11,7 @@ var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
|
|
|
11
11
|
var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
|
|
12
12
|
var _latest = require("@instructure/ui-buttons/latest");
|
|
13
13
|
var _Transition = require("@instructure/ui-motion/lib/Transition");
|
|
14
|
-
var
|
|
14
|
+
var _uiExpandable = require("@instructure/ui-expandable");
|
|
15
15
|
var _isActiveElement = require("@instructure/ui-dom-utils/lib/isActiveElement.js");
|
|
16
16
|
var _latest2 = require("@instructure/ui-flex/latest");
|
|
17
17
|
var _latest3 = require("@instructure/ui-view/latest");
|
|
@@ -133,8 +133,8 @@ let ToggleGroup = exports.ToggleGroup = (_dec = (0, _emotion.withStyle)(_styles.
|
|
|
133
133
|
render() {
|
|
134
134
|
const Element = (0, _getElementType.getElementType)(ToggleGroup, this.props);
|
|
135
135
|
const styles = this.props.styles;
|
|
136
|
-
return (0, _jsxRuntime.jsx)(
|
|
137
|
-
...(0, _pickProps.pickProps)(this.props,
|
|
136
|
+
return (0, _jsxRuntime.jsx)(_uiExpandable.Expandable, {
|
|
137
|
+
...(0, _pickProps.pickProps)(this.props, _uiExpandable.Expandable.allowedProps),
|
|
138
138
|
children: ({
|
|
139
139
|
expanded,
|
|
140
140
|
getToggleProps,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-toggle-details",
|
|
3
|
-
"version": "11.7.2-snapshot-
|
|
3
|
+
"version": "11.7.2-snapshot-48",
|
|
4
4
|
"description": "A styled toggleable, accordion-like component.",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -15,27 +15,27 @@
|
|
|
15
15
|
"license": "MIT",
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@babel/runtime": "^7.27.6",
|
|
18
|
-
"@instructure/emotion": "11.7.2-snapshot-
|
|
19
|
-
"@instructure/
|
|
20
|
-
"@instructure/ui-
|
|
21
|
-
"@instructure/ui-
|
|
22
|
-
"@instructure/
|
|
23
|
-
"@instructure/ui-flex": "11.7.2-snapshot-
|
|
24
|
-
"@instructure/ui-motion": "11.7.2-snapshot-
|
|
25
|
-
"@instructure/ui-
|
|
26
|
-
"@instructure/ui-
|
|
27
|
-
"@instructure/
|
|
28
|
-
"@instructure/ui-
|
|
29
|
-
"@instructure/
|
|
18
|
+
"@instructure/emotion": "11.7.2-snapshot-48",
|
|
19
|
+
"@instructure/shared-types": "11.7.2-snapshot-48",
|
|
20
|
+
"@instructure/ui-buttons": "11.7.2-snapshot-48",
|
|
21
|
+
"@instructure/ui-dom-utils": "11.7.2-snapshot-48",
|
|
22
|
+
"@instructure/ui-expandable": "11.7.2-snapshot-48",
|
|
23
|
+
"@instructure/ui-flex": "11.7.2-snapshot-48",
|
|
24
|
+
"@instructure/ui-motion": "11.7.2-snapshot-48",
|
|
25
|
+
"@instructure/ui-icons": "11.7.2-snapshot-48",
|
|
26
|
+
"@instructure/ui-react-utils": "11.7.2-snapshot-48",
|
|
27
|
+
"@instructure/ui-utils": "11.7.2-snapshot-48",
|
|
28
|
+
"@instructure/ui-view": "11.7.2-snapshot-48",
|
|
29
|
+
"@instructure/uid": "11.7.2-snapshot-48"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
32
|
"@testing-library/jest-dom": "^6.6.3",
|
|
33
33
|
"@testing-library/react": "15.0.7",
|
|
34
34
|
"@testing-library/user-event": "^14.6.1",
|
|
35
35
|
"vitest": "^3.2.2",
|
|
36
|
-
"@instructure/ui-axe-check": "11.7.2-snapshot-
|
|
37
|
-
"@instructure/ui-
|
|
38
|
-
"@instructure/ui-
|
|
36
|
+
"@instructure/ui-axe-check": "11.7.2-snapshot-48",
|
|
37
|
+
"@instructure/ui-babel-preset": "11.7.2-snapshot-48",
|
|
38
|
+
"@instructure/ui-themes": "11.7.2-snapshot-48"
|
|
39
39
|
},
|
|
40
40
|
"peerDependencies": {
|
|
41
41
|
"react": ">=18 <=19"
|