@instructure/ui-toggle-details 11.7.3-snapshot-32 → 11.7.3-snapshot-37
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/es/ToggleDetails/v1/index.js +1 -1
- package/es/ToggleDetails/v2/index.js +2 -2
- package/es/ToggleGroup/v1/index.js +1 -1
- package/es/ToggleGroup/v2/index.js +2 -2
- package/lib/ToggleDetails/v1/index.js +1 -1
- package/lib/ToggleDetails/v2/index.js +1 -1
- package/lib/ToggleGroup/v1/index.js +1 -1
- package/lib/ToggleGroup/v2/index.js +1 -1
- package/package.json +16 -16
- package/src/ToggleDetails/v1/index.tsx +1 -1
- package/src/ToggleDetails/v2/index.tsx +2 -2
- package/src/ToggleGroup/v1/index.tsx +1 -1
- package/src/ToggleGroup/v2/index.tsx +2 -2
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/ToggleDetails/v1/index.d.ts.map +1 -1
- package/types/ToggleDetails/v2/index.d.ts.map +1 -1
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.3-snapshot-
|
|
6
|
+
## [11.7.3-snapshot-37](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-37) (2026-05-07)
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
### Bug Fixes
|
|
@@ -29,7 +29,7 @@ import { IconArrowOpenEndSolid, IconArrowOpenDownSolid } from '@instructure/ui-i
|
|
|
29
29
|
import { Expandable } from '@instructure/ui-expandable';
|
|
30
30
|
import { omitProps, pickProps } from '@instructure/ui-react-utils';
|
|
31
31
|
import { isActiveElement } from '@instructure/ui-dom-utils';
|
|
32
|
-
import {
|
|
32
|
+
import { withStyle } from '@instructure/emotion';
|
|
33
33
|
import generateStyle from "./styles.js";
|
|
34
34
|
import generateComponentTheme from "./theme.js";
|
|
35
35
|
import { allowedProps } from "./props.js";
|
|
@@ -29,7 +29,7 @@ import { ChevronRightInstUIIcon, ChevronDownInstUIIcon } from '@instructure/ui-i
|
|
|
29
29
|
import { Expandable } from '@instructure/ui-expandable';
|
|
30
30
|
import { omitProps, pickProps } from '@instructure/ui-react-utils';
|
|
31
31
|
import { isActiveElement } from '@instructure/ui-dom-utils';
|
|
32
|
-
import {
|
|
32
|
+
import { withStyleNew } from '@instructure/emotion';
|
|
33
33
|
import generateStyle from "./styles.js";
|
|
34
34
|
import { allowedProps } from "./props.js";
|
|
35
35
|
import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
@@ -38,7 +38,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
|
38
38
|
category: components
|
|
39
39
|
---
|
|
40
40
|
**/
|
|
41
|
-
let ToggleDetails = (_dec =
|
|
41
|
+
let ToggleDetails = (_dec = withStyleNew(generateStyle), _dec(_class = class ToggleDetails extends Component {
|
|
42
42
|
static displayName = "ToggleDetails";
|
|
43
43
|
static componentId = 'ToggleDetails';
|
|
44
44
|
static allowedProps = allowedProps;
|
|
@@ -33,7 +33,7 @@ import { Flex } from '@instructure/ui-flex/v11_6';
|
|
|
33
33
|
import { View } from '@instructure/ui-view/v11_6';
|
|
34
34
|
import { IconArrowOpenEndSolid, IconArrowOpenDownSolid } from '@instructure/ui-icons';
|
|
35
35
|
import { allowedProps } from "./props.js";
|
|
36
|
-
import {
|
|
36
|
+
import { withStyle } from '@instructure/emotion';
|
|
37
37
|
import generateStyle from "./styles.js";
|
|
38
38
|
import generateComponentTheme from "./theme.js";
|
|
39
39
|
/**
|
|
@@ -33,7 +33,7 @@ import { Flex } from '@instructure/ui-flex/latest';
|
|
|
33
33
|
import { View } from '@instructure/ui-view/latest';
|
|
34
34
|
import { ChevronRightInstUIIcon, ChevronDownInstUIIcon, renderIconWithProps } from '@instructure/ui-icons';
|
|
35
35
|
import { allowedProps } from "./props.js";
|
|
36
|
-
import {
|
|
36
|
+
import { withStyleNew } from '@instructure/emotion';
|
|
37
37
|
import generateStyle from "./styles.js";
|
|
38
38
|
import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
39
39
|
const toggleGroupSizeToIconSize = {
|
|
@@ -47,7 +47,7 @@ const toggleGroupSizeToIconSize = {
|
|
|
47
47
|
category: components
|
|
48
48
|
---
|
|
49
49
|
**/
|
|
50
|
-
let ToggleGroup = (_dec =
|
|
50
|
+
let ToggleGroup = (_dec = withStyleNew(generateStyle), _dec(_class = class ToggleGroup extends Component {
|
|
51
51
|
static displayName = "ToggleGroup";
|
|
52
52
|
static componentId = 'ToggleGroup';
|
|
53
53
|
static allowedProps = allowedProps;
|
|
@@ -47,7 +47,7 @@ var _dec, _class;
|
|
|
47
47
|
category: components
|
|
48
48
|
---
|
|
49
49
|
**/
|
|
50
|
-
let ToggleDetails = exports.ToggleDetails = (_dec = (0, _emotion.
|
|
50
|
+
let ToggleDetails = exports.ToggleDetails = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class ToggleDetails extends _react.Component {
|
|
51
51
|
static displayName = "ToggleDetails";
|
|
52
52
|
static componentId = 'ToggleDetails';
|
|
53
53
|
static allowedProps = _props.allowedProps;
|
|
@@ -45,7 +45,7 @@ var _dec, _class;
|
|
|
45
45
|
category: components
|
|
46
46
|
---
|
|
47
47
|
**/
|
|
48
|
-
let ToggleDetails = exports.ToggleDetails = (_dec = (0, _emotion.
|
|
48
|
+
let ToggleDetails = exports.ToggleDetails = (_dec = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = class ToggleDetails extends _react.Component {
|
|
49
49
|
static displayName = "ToggleDetails";
|
|
50
50
|
static componentId = 'ToggleDetails';
|
|
51
51
|
static allowedProps = _props.allowedProps;
|
|
@@ -52,7 +52,7 @@ var _dec, _class;
|
|
|
52
52
|
category: components
|
|
53
53
|
---
|
|
54
54
|
**/
|
|
55
|
-
let ToggleGroup = exports.ToggleGroup = (_dec = (0, _emotion.
|
|
55
|
+
let ToggleGroup = exports.ToggleGroup = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class ToggleGroup extends _react.Component {
|
|
56
56
|
static displayName = "ToggleGroup";
|
|
57
57
|
static componentId = 'ToggleGroup';
|
|
58
58
|
static allowedProps = _props.allowedProps;
|
|
@@ -55,7 +55,7 @@ const toggleGroupSizeToIconSize = {
|
|
|
55
55
|
category: components
|
|
56
56
|
---
|
|
57
57
|
**/
|
|
58
|
-
let ToggleGroup = exports.ToggleGroup = (_dec = (0, _emotion.
|
|
58
|
+
let ToggleGroup = exports.ToggleGroup = (_dec = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = class ToggleGroup extends _react.Component {
|
|
59
59
|
static displayName = "ToggleGroup";
|
|
60
60
|
static componentId = 'ToggleGroup';
|
|
61
61
|
static allowedProps = _props.allowedProps;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-toggle-details",
|
|
3
|
-
"version": "11.7.3-snapshot-
|
|
3
|
+
"version": "11.7.3-snapshot-37",
|
|
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.29.2",
|
|
18
|
-
"@instructure/
|
|
19
|
-
"@instructure/
|
|
20
|
-
"@instructure/ui-buttons": "11.7.3-snapshot-
|
|
21
|
-
"@instructure/ui-
|
|
22
|
-
"@instructure/ui-
|
|
23
|
-
"@instructure/ui-
|
|
24
|
-
"@instructure/ui-
|
|
25
|
-
"@instructure/ui-motion": "11.7.3-snapshot-
|
|
26
|
-
"@instructure/ui-react-utils": "11.7.3-snapshot-
|
|
27
|
-
"@instructure/ui-themes": "11.7.3-snapshot-
|
|
28
|
-
"@instructure/ui-
|
|
29
|
-
"@instructure/
|
|
30
|
-
"@instructure/
|
|
18
|
+
"@instructure/emotion": "11.7.3-snapshot-37",
|
|
19
|
+
"@instructure/shared-types": "11.7.3-snapshot-37",
|
|
20
|
+
"@instructure/ui-buttons": "11.7.3-snapshot-37",
|
|
21
|
+
"@instructure/ui-expandable": "11.7.3-snapshot-37",
|
|
22
|
+
"@instructure/ui-dom-utils": "11.7.3-snapshot-37",
|
|
23
|
+
"@instructure/ui-icons": "11.7.3-snapshot-37",
|
|
24
|
+
"@instructure/ui-flex": "11.7.3-snapshot-37",
|
|
25
|
+
"@instructure/ui-motion": "11.7.3-snapshot-37",
|
|
26
|
+
"@instructure/ui-react-utils": "11.7.3-snapshot-37",
|
|
27
|
+
"@instructure/ui-themes": "11.7.3-snapshot-37",
|
|
28
|
+
"@instructure/ui-utils": "11.7.3-snapshot-37",
|
|
29
|
+
"@instructure/ui-view": "11.7.3-snapshot-37",
|
|
30
|
+
"@instructure/uid": "11.7.3-snapshot-37"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
33
|
"@testing-library/jest-dom": "^6.6.3",
|
|
34
34
|
"@testing-library/react": "15.0.7",
|
|
35
35
|
"@testing-library/user-event": "^14.6.1",
|
|
36
36
|
"vitest": "^3.2.2",
|
|
37
|
-
"@instructure/ui-axe-check": "11.7.3-snapshot-
|
|
38
|
-
"@instructure/ui-babel-preset": "11.7.3-snapshot-
|
|
37
|
+
"@instructure/ui-axe-check": "11.7.3-snapshot-37",
|
|
38
|
+
"@instructure/ui-babel-preset": "11.7.3-snapshot-37"
|
|
39
39
|
},
|
|
40
40
|
"peerDependencies": {
|
|
41
41
|
"react": ">=18 <=19"
|
|
@@ -32,7 +32,7 @@ import { Expandable } from '@instructure/ui-expandable'
|
|
|
32
32
|
import { omitProps, pickProps } from '@instructure/ui-react-utils'
|
|
33
33
|
import { isActiveElement } from '@instructure/ui-dom-utils'
|
|
34
34
|
|
|
35
|
-
import {
|
|
35
|
+
import { withStyle } from '@instructure/emotion'
|
|
36
36
|
import generateStyle from './styles'
|
|
37
37
|
import generateComponentTheme from './theme'
|
|
38
38
|
import type { ToggleDetailsProps } from './props'
|
|
@@ -32,7 +32,7 @@ import { Expandable } from '@instructure/ui-expandable'
|
|
|
32
32
|
import { omitProps, pickProps } from '@instructure/ui-react-utils'
|
|
33
33
|
import { isActiveElement } from '@instructure/ui-dom-utils'
|
|
34
34
|
|
|
35
|
-
import {
|
|
35
|
+
import { withStyleNew } from '@instructure/emotion'
|
|
36
36
|
import generateStyle from './styles'
|
|
37
37
|
import type { ToggleDetailsProps } from './props'
|
|
38
38
|
import { allowedProps } from './props'
|
|
@@ -44,7 +44,7 @@ import type { ViewProps } from '@instructure/ui-view/latest'
|
|
|
44
44
|
category: components
|
|
45
45
|
---
|
|
46
46
|
**/
|
|
47
|
-
@
|
|
47
|
+
@withStyleNew(generateStyle)
|
|
48
48
|
class ToggleDetails extends Component<ToggleDetailsProps> {
|
|
49
49
|
static readonly componentId = 'ToggleDetails'
|
|
50
50
|
static allowedProps = allowedProps
|
|
@@ -44,7 +44,7 @@ import {
|
|
|
44
44
|
import type { ToggleGroupProps } from './props'
|
|
45
45
|
import { allowedProps } from './props'
|
|
46
46
|
|
|
47
|
-
import {
|
|
47
|
+
import { withStyle } from '@instructure/emotion'
|
|
48
48
|
|
|
49
49
|
import generateStyle from './styles'
|
|
50
50
|
import generateComponentTheme from './theme'
|
|
@@ -44,7 +44,7 @@ import {
|
|
|
44
44
|
import type { ToggleGroupProps } from './props'
|
|
45
45
|
import { allowedProps } from './props'
|
|
46
46
|
|
|
47
|
-
import {
|
|
47
|
+
import { withStyleNew } from '@instructure/emotion'
|
|
48
48
|
|
|
49
49
|
import generateStyle from './styles'
|
|
50
50
|
|
|
@@ -59,7 +59,7 @@ const toggleGroupSizeToIconSize = {
|
|
|
59
59
|
category: components
|
|
60
60
|
---
|
|
61
61
|
**/
|
|
62
|
-
@
|
|
62
|
+
@withStyleNew(generateStyle)
|
|
63
63
|
class ToggleGroup extends Component<ToggleGroupProps> {
|
|
64
64
|
static readonly componentId = 'ToggleGroup'
|
|
65
65
|
|