@wistia/ui 0.6.6 → 0.6.7

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.6.6
+ * @license @wistia/ui v0.6.7
  *
  * 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",