@wistia/ui 0.6.6-beta.8a5013fa.ed1975e → 0.6.6

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.6.6-beta.8a5013fa.ed1975e
+ * @license @wistia/ui v0.6.6
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -9639,9 +9639,8 @@ 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-02) var(--wui-motion-ease-out),
+    transform var(--wui-motion-duration-03) var(--wui-motion-ease-out),
     width var(--wui-motion-duration-02) var(--wui-motion-ease-out);
   z-index: ${Z_INDEX_TO_SIT_BEHIND_SIBLINGS};
 `;
@@ -9749,16 +9748,13 @@ 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 ? "12px" : "6px"};
+  padding: 6px ${({ $hasLabel }) => $hasLabel ? "8px" : "6px"};
   user-select: none;
-  transition: background-color var(--wui-motion-duration-01) var(--wui-motion-ease);
 
   /* Icon component */
   svg {
@@ -9782,9 +9778,13 @@ 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-icon-selected);
+      fill: var(--wui-color-focus-ring);
     }
   }
 
@@ -10355,21 +10355,6 @@ 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,
@@ -10377,7 +10362,6 @@ var WistiaLogo = ({
   hoverColor = void 0,
   href = void 0,
   iconOnly = false,
-  opticallyCentered = false,
   title = "Wistia Logo",
   variant = "standard",
   ...otherProps
@@ -10405,10 +10389,7 @@ 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",