@wistia/ui 0.6.8 → 0.6.9
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.cjs +9 -6
- package/dist/index.cjs.map +1 -1
- package/dist/index.mjs +33 -30
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
|
-
* @license @wistia/ui v0.6.
|
|
3
|
+
* @license @wistia/ui v0.6.9
|
|
4
4
|
*
|
|
5
5
|
* Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
|
|
6
6
|
*
|
|
@@ -1397,9 +1397,12 @@ var typographyTokens = import_styled_components7.css`
|
|
|
1397
1397
|
// src/css/designTokens/zIndex.tsx
|
|
1398
1398
|
var import_styled_components8 = require("styled-components");
|
|
1399
1399
|
var zIndexTokens = import_styled_components8.css`
|
|
1400
|
+
--wui-zindex-under: -1;
|
|
1400
1401
|
--wui-zindex-backdrop: 100;
|
|
1401
1402
|
--wui-zindex-modal: 100;
|
|
1402
1403
|
--wui-zindex-menu: 500;
|
|
1404
|
+
--wui-zindex-select: 500;
|
|
1405
|
+
--wui-zindex-tooltip: 500;
|
|
1403
1406
|
`;
|
|
1404
1407
|
|
|
1405
1408
|
// src/css/designTokens/elevation.tsx
|
|
@@ -7747,6 +7750,7 @@ var StyledContent = (0, import_styled_components42.default)(import_react_tooltip
|
|
|
7747
7750
|
animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
|
|
7748
7751
|
will-change: transform, opacity;
|
|
7749
7752
|
max-width: 30em;
|
|
7753
|
+
z-index: var(--wui-zindex-tooltip);
|
|
7750
7754
|
|
|
7751
7755
|
&[data-state='delayed-open'][data-side='top'] {
|
|
7752
7756
|
animation-name: slideDownAndFade;
|
|
@@ -8922,8 +8926,8 @@ var StyledSubTrigger = (0, import_styled_components54.default)(import_react_drop
|
|
|
8922
8926
|
`;
|
|
8923
8927
|
var SubMenuTrigger = (props) => {
|
|
8924
8928
|
const { isSmAndUp } = useMq();
|
|
8925
|
-
const
|
|
8926
|
-
return /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(
|
|
8929
|
+
const Trigger4 = isSmAndUp ? StyledSubTrigger : import_react_dropdown_menu3.DropdownMenuItem;
|
|
8930
|
+
return /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(Trigger4, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(
|
|
8927
8931
|
MenuItemButton,
|
|
8928
8932
|
{
|
|
8929
8933
|
...props,
|
|
@@ -9632,7 +9636,6 @@ var useSegmentedControlValue = () => {
|
|
|
9632
9636
|
|
|
9633
9637
|
// src/components/SegmentedControl/SelectedItemIndicator.tsx
|
|
9634
9638
|
var import_jsx_runtime213 = require("react/jsx-runtime");
|
|
9635
|
-
var Z_INDEX_TO_SIT_BEHIND_SIBLINGS = -1;
|
|
9636
9639
|
var SelectedItemIndicatorDiv = import_styled_components62.default.div`
|
|
9637
9640
|
background-color: var(--wui-color-bg-fill-white);
|
|
9638
9641
|
border-radius: var(--wui-border-radius-rounded);
|
|
@@ -9643,7 +9646,7 @@ var SelectedItemIndicatorDiv = import_styled_components62.default.div`
|
|
|
9643
9646
|
transition:
|
|
9644
9647
|
transform var(--wui-motion-duration-02) var(--wui-motion-ease-out),
|
|
9645
9648
|
width var(--wui-motion-duration-02) var(--wui-motion-ease-out);
|
|
9646
|
-
z-index:
|
|
9649
|
+
z-index: var(--wui-zindex-under);
|
|
9647
9650
|
`;
|
|
9648
9651
|
var SelectedItemIndicator = () => {
|
|
9649
9652
|
const selectedValue = useSegmentedControlValue();
|
|
@@ -10494,7 +10497,7 @@ var StyledContent3 = (0, import_styled_components71.default)(import_react_select
|
|
|
10494
10497
|
padding: var(--wui-select-option-padding);
|
|
10495
10498
|
min-width: var(--radix-select-trigger-width);
|
|
10496
10499
|
max-height: var(--radix-select-content-available-height);
|
|
10497
|
-
z-index: var(--wui-zindex-
|
|
10500
|
+
z-index: var(--wui-zindex-select);
|
|
10498
10501
|
`;
|
|
10499
10502
|
var Select = (0, import_react55.forwardRef)(
|
|
10500
10503
|
({
|