@itwin/itwinui-react 3.16.5 → 3.16.6
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 +7 -0
- package/DEV-cjs/core/Panels/Panels.js +1 -1
- package/DEV-cjs/styles.js +1 -1
- package/DEV-esm/core/Panels/Panels.js +2 -1
- package/DEV-esm/styles.js +1 -1
- package/cjs/core/Panels/Panels.js +1 -1
- package/cjs/styles.js +1 -1
- package/esm/core/Panels/Panels.js +2 -1
- package/esm/styles.js +1 -1
- package/package.json +1 -1
- package/styles.css +9 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 3.16.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#2411](https://github.com/iTwin/iTwinUI/pull/2411): Fixed `Panels.Trigger` not working in older React versions where `useId` is not available.
|
|
8
|
+
- [#2407](https://github.com/iTwin/iTwinUI/pull/2407): Increased contrast (i.e. opacity) of light theme's text selection background. This also affects some other opacities of other components (e.g. shadows and hover backgrounds).
|
|
9
|
+
|
|
3
10
|
## 3.16.5
|
|
4
11
|
|
|
5
12
|
### Patch Changes
|
|
@@ -170,7 +170,7 @@ const PanelTrigger = (props) => {
|
|
|
170
170
|
panels,
|
|
171
171
|
} = (0, _index.useSafeContext)(PanelsWrapperContext);
|
|
172
172
|
let { id: panelId } = (0, _index.useSafeContext)(PanelContext);
|
|
173
|
-
let fallbackId =
|
|
173
|
+
let fallbackId = (0, _index.useId)();
|
|
174
174
|
let triggerId = children.props.id || fallbackId;
|
|
175
175
|
let onClick = _react.useCallback(() => {
|
|
176
176
|
if (null == activePanel) return;
|
package/DEV-cjs/styles.js
CHANGED
|
@@ -12,6 +12,7 @@ import {
|
|
|
12
12
|
useWarningLogger,
|
|
13
13
|
useLayoutEffect,
|
|
14
14
|
useLatestRef,
|
|
15
|
+
useId,
|
|
15
16
|
} from '../../utils/index.js';
|
|
16
17
|
import { IconButton } from '../Buttons/IconButton.js';
|
|
17
18
|
import { Flex } from '../Flex/Flex.js';
|
|
@@ -156,7 +157,7 @@ let PanelTrigger = (props) => {
|
|
|
156
157
|
panels,
|
|
157
158
|
} = useSafeContext(PanelsWrapperContext);
|
|
158
159
|
let { id: panelId } = useSafeContext(PanelContext);
|
|
159
|
-
let fallbackId =
|
|
160
|
+
let fallbackId = useId();
|
|
160
161
|
let triggerId = children.props.id || fallbackId;
|
|
161
162
|
let onClick = React.useCallback(() => {
|
|
162
163
|
if (null == activePanel) return;
|
package/DEV-esm/styles.js
CHANGED
|
@@ -166,7 +166,7 @@ const PanelTrigger = (props) => {
|
|
|
166
166
|
panels,
|
|
167
167
|
} = (0, _index.useSafeContext)(PanelsWrapperContext);
|
|
168
168
|
let { id: panelId } = (0, _index.useSafeContext)(PanelContext);
|
|
169
|
-
let fallbackId =
|
|
169
|
+
let fallbackId = (0, _index.useId)();
|
|
170
170
|
let triggerId = children.props.id || fallbackId;
|
|
171
171
|
let onClick = _react.useCallback(() => {
|
|
172
172
|
if (null == activePanel) return;
|
package/cjs/styles.js
CHANGED
|
@@ -12,6 +12,7 @@ import {
|
|
|
12
12
|
useWarningLogger,
|
|
13
13
|
useLayoutEffect,
|
|
14
14
|
useLatestRef,
|
|
15
|
+
useId,
|
|
15
16
|
} from '../../utils/index.js';
|
|
16
17
|
import { IconButton } from '../Buttons/IconButton.js';
|
|
17
18
|
import { Flex } from '../Flex/Flex.js';
|
|
@@ -152,7 +153,7 @@ let PanelTrigger = (props) => {
|
|
|
152
153
|
panels,
|
|
153
154
|
} = useSafeContext(PanelsWrapperContext);
|
|
154
155
|
let { id: panelId } = useSafeContext(PanelContext);
|
|
155
|
-
let fallbackId =
|
|
156
|
+
let fallbackId = useId();
|
|
156
157
|
let triggerId = children.props.id || fallbackId;
|
|
157
158
|
let onClick = React.useCallback(() => {
|
|
158
159
|
if (null == activePanel) return;
|
package/esm/styles.js
CHANGED