@wistia/ui 0.6.6 → 0.6.7-beta.4cb4431e.485840e

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.6.6
+ * @license @wistia/ui v0.6.7-beta.4cb4431e.485840e
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -9639,8 +9639,9 @@ var SelectedItemIndicatorDiv = import_styled_components62.default.div`
   left: 0;
   position: absolute;
   top: 0;
+  box-shadow: var(--wui-elevation-01);
   transition:
-    transform var(--wui-motion-duration-03) var(--wui-motion-ease-out),
+    transform var(--wui-motion-duration-02) var(--wui-motion-ease-out),
     width var(--wui-motion-duration-02) var(--wui-motion-ease-out);
   z-index: ${Z_INDEX_TO_SIT_BEHIND_SIBLINGS};
 `;
@@ -9748,13 +9749,16 @@ var segmentedControlItemStyles = import_styled_components64.css`
   color: var(--wui-color-text-secondary);
   cursor: pointer;
   display: flex;
+  gap: 2px;
   flex-grow: 1;
   flex-shrink: 1;
   font-size: var(--wui-typography-label-3-size);
   font-weight: var(--wui-typography-label-3-weight);
+  line-height: var(--wui-typography-label-3-line-height);
   justify-content: center;
-  padding: 6px ${({ $hasLabel }) => $hasLabel ? "8px" : "6px"};
+  padding: 6px ${({ $hasLabel }) => $hasLabel ? "12px" : "6px"};
   user-select: none;
+  transition: background-color var(--wui-motion-duration-01) var(--wui-motion-ease);
 
   /* Icon component */
   svg {
@@ -9778,13 +9782,9 @@ var segmentedControlItemStyles = import_styled_components64.css`
   &[data-state='active'] {
     color: var(--wui-color-text-selected);
     cursor: default;
-  }
 
-  &:focus-visible,
-  &[data-state='on'],
-  &[data-state='active'] {
     svg path {
-      fill: var(--wui-color-focus-ring);
+      fill: var(--wui-color-icon-selected);
     }
   }
 
@@ -10355,6 +10355,21 @@ var WistiaLogoComponent = import_styled_components70.default.svg`
       ${({ $hoverColor }) => $hoverColor !== void 0 ? `fill: ${$hoverColor}` : null};
     }
   }
+
+  ${({ $opticallyCentered, $iconOnly }) => {
+  if ($opticallyCentered) {
+    if ($iconOnly) {
+      return import_styled_components70.css`
+          aspect-ratio: 1;
+          padding: 11.85% 3.12% 13.91%;
+        `;
+    }
+    return import_styled_components70.css`
+        aspect-ratio: 127 / 32;
+      `;
+  }
+  return null;
+}}
 `;
 var WistiaLogo = ({
   description = void 0,
@@ -10362,6 +10377,7 @@ var WistiaLogo = ({
   hoverColor = void 0,
   href = void 0,
   iconOnly = false,
+  opticallyCentered = false,
   title = "Wistia Logo",
   variant = "standard",
   ...otherProps
@@ -10389,7 +10405,10 @@ var WistiaLogo = ({
     WistiaLogoComponent,
     {
       $hoverColor: hoverColor,
+      $iconOnly: iconOnly,
+      $opticallyCentered: opticallyCentered,
       height,
+      preserveAspectRatio: opticallyCentered ? "xMidYMin" : void 0,
       role: "img",
       viewBox: computedViewBox(iconOnly),
       xmlns: "http://www.w3.org/2000/svg",
@@ -10435,8 +10454,15 @@ var StyledTrigger = (0, import_styled_components71.default)(import_react_select.
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
+  max-width: 100%;
   width: ${({ $fullWidth = false }) => $fullWidth ? "100%" : "auto"};
 
+  > span {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+
   &[aria-expanded='true'],
   &:focus {
     outline: 2px solid var(--wui-color-focus-ring);
@@ -10466,7 +10492,8 @@ var StyledContent3 = (0, import_styled_components71.default)(import_react_select
   border: 1px solid var(--wui-select-content-border);
   border-radius: var(--wui-select-content-border-radius);
   padding: var(--wui-select-option-padding);
-  min-width: 200px;
+  min-width: var(--radix-select-trigger-width);
+  max-height: var(--radix-select-content-available-height);
   z-index: var(--wui-zindex-menu);
 `;
 var Select = (0, import_react55.forwardRef)(