@wistia/ui 0.20.21 → 0.20.22
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/dist/index.js +7 -4
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
|
-
* @license @wistia/ui v0.20.
|
|
3
|
+
* @license @wistia/ui v0.20.22
|
|
4
4
|
*
|
|
5
5
|
* Copyright (c) 2024-2026, Wistia, Inc. and its affiliates.
|
|
6
6
|
*
|
|
@@ -1307,6 +1307,9 @@ var navColorScheme = css3`
|
|
|
1307
1307
|
--wui-color-border-selected: transparent;
|
|
1308
1308
|
--wui-color-border-hover-selected: transparent;
|
|
1309
1309
|
--wui-color-border-active-selected: transparent;
|
|
1310
|
+
|
|
1311
|
+
/* Nav - Overrides */
|
|
1312
|
+
--wui-color-segmented-color-text-override: var(--wui-blue-9);
|
|
1310
1313
|
`;
|
|
1311
1314
|
|
|
1312
1315
|
// src/css/designTokens/colorAlias.tsx
|
|
@@ -2551,7 +2554,7 @@ var useElementObserver = () => {
|
|
|
2551
2554
|
const ref = useRef3(null);
|
|
2552
2555
|
const [rect, setRect] = useState4(initialRect);
|
|
2553
2556
|
const observer = useMemo2(
|
|
2554
|
-
() => new
|
|
2557
|
+
() => typeof document === "undefined" ? null : new ResizeObserver((entries) => {
|
|
2555
2558
|
if (entries[0]) {
|
|
2556
2559
|
const { width, height, top, left, bottom, right, x, y } = entries[0].contentRect;
|
|
2557
2560
|
setRect({ width, height, top, left, bottom, right, x, y });
|
|
@@ -2560,7 +2563,7 @@ var useElementObserver = () => {
|
|
|
2560
2563
|
[]
|
|
2561
2564
|
);
|
|
2562
2565
|
useLayoutEffect(() => {
|
|
2563
|
-
if (!ref.current) {
|
|
2566
|
+
if (!ref.current || !observer) {
|
|
2564
2567
|
return;
|
|
2565
2568
|
}
|
|
2566
2569
|
observer.observe(ref.current);
|
|
@@ -18298,7 +18301,7 @@ var segmentedControlItemStyles = css47`
|
|
|
18298
18301
|
|
|
18299
18302
|
&[aria-checked='true'],
|
|
18300
18303
|
&[aria-selected='true'] {
|
|
18301
|
-
color: var(--wui-color-text-selected);
|
|
18304
|
+
color: var(--wui-color-segmented-color-text-override, var(--wui-color-text-selected));
|
|
18302
18305
|
cursor: default;
|
|
18303
18306
|
transition: none;
|
|
18304
18307
|
|