@wistia/ui 0.11.2 → 0.11.3

package/dist/index.d.mts

@@ -3328,7 +3328,7 @@ type Storyboard = {
     url: string;
     width: number;
 };
-type ThumbnailProps = ComponentPropsWithoutRef<'div'> & {
+type ThumbnailProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'> & {
     /**
      * The desired display of the thumbnail, either wide or square
      */
@@ -3363,7 +3363,7 @@ type ThumbnailProps = ComponentPropsWithoutRef<'div'> & {
 /**
  * A `Thumbnail` is a small, reduced-size version of an image or video used as a preview or representative image.
  */
-declare const Thumbnail: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+declare const Thumbnail: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children"> & {
     /**
      * The desired display of the thumbnail, either wide or square
      */
@@ -3442,15 +3442,15 @@ type TooltipProps = {
 };
 /**
  * Tooltips are a way to provide additional information or context to a user when they hover or focus an element.
- * For elements that are not interactive, consider using a [Popover](/docs/ui-docs-popover--docs) instead.
- * TODO - add link to Popover docs when they exist
+ * For elements that are not interactive, consider using a [Popover]() instead.
+ *
  */
 declare const Tooltip: {
     ({ delay, direction, content, children, forceOpen, hideArrow, }: TooltipProps): JSX.Element;
     displayName: string;
 };
 
-type WistiaLogoProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
+type WistiaLogoProps = Omit<ComponentPropsWithoutRef<'svg'>, 'height' | 'href'> & {
     /**
      * An optional accessible description for the logo
      */
@@ -3459,6 +3459,10 @@ type WistiaLogoProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
      * Height, in pixels, of the logo
      */
     height?: number;
+    /**
+     * If provided, will wrap the logo in a link
+     */
+    href?: string;
     /**
      * @ignore
      * Change the color when hovering over the logo
@@ -3470,10 +3474,6 @@ type WistiaLogoProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
      * `Wistia` text must not be displayed without the "flags" iconography
      */
     iconOnly?: boolean;
-    /**
-     * If provided, will wrap the logo in a link
-     */
-    href?: string;
     /**
      * An accessible title for the logo (defaults to "Wistia Logo")
      */
@@ -3487,6 +3487,9 @@ type WistiaLogoProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
      */
     opticallyCentered?: boolean;
 };
+/**
+ * Render the Wistia logo in various ways.
+ */
 declare const WistiaLogo: {
     ({ description, height, hoverColor, href, iconOnly, opticallyCentered, title, variant, ...props }: WistiaLogoProps): react_jsx_runtime.JSX.Element;
     displayName: string;

package/dist/index.d.ts

@@ -3328,7 +3328,7 @@ type Storyboard = {
     url: string;
     width: number;
 };
-type ThumbnailProps = ComponentPropsWithoutRef<'div'> & {
+type ThumbnailProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'> & {
     /**
      * The desired display of the thumbnail, either wide or square
      */
@@ -3363,7 +3363,7 @@ type ThumbnailProps = ComponentPropsWithoutRef<'div'> & {
 /**
  * A `Thumbnail` is a small, reduced-size version of an image or video used as a preview or representative image.
  */
-declare const Thumbnail: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+declare const Thumbnail: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children"> & {
     /**
      * The desired display of the thumbnail, either wide or square
      */
@@ -3442,15 +3442,15 @@ type TooltipProps = {
 };
 /**
  * Tooltips are a way to provide additional information or context to a user when they hover or focus an element.
- * For elements that are not interactive, consider using a [Popover](/docs/ui-docs-popover--docs) instead.
- * TODO - add link to Popover docs when they exist
+ * For elements that are not interactive, consider using a [Popover]() instead.
+ *
  */
 declare const Tooltip: {
     ({ delay, direction, content, children, forceOpen, hideArrow, }: TooltipProps): JSX.Element;
     displayName: string;
 };
 
-type WistiaLogoProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
+type WistiaLogoProps = Omit<ComponentPropsWithoutRef<'svg'>, 'height' | 'href'> & {
     /**
      * An optional accessible description for the logo
      */
@@ -3459,6 +3459,10 @@ type WistiaLogoProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
      * Height, in pixels, of the logo
      */
     height?: number;
+    /**
+     * If provided, will wrap the logo in a link
+     */
+    href?: string;
     /**
      * @ignore
      * Change the color when hovering over the logo
@@ -3470,10 +3474,6 @@ type WistiaLogoProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
      * `Wistia` text must not be displayed without the "flags" iconography
      */
     iconOnly?: boolean;
-    /**
-     * If provided, will wrap the logo in a link
-     */
-    href?: string;
     /**
      * An accessible title for the logo (defaults to "Wistia Logo")
      */
@@ -3487,6 +3487,9 @@ type WistiaLogoProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
      */
     opticallyCentered?: boolean;
 };
+/**
+ * Render the Wistia logo in various ways.
+ */
 declare const WistiaLogo: {
     ({ description, height, hoverColor, href, iconOnly, opticallyCentered, title, variant, ...props }: WistiaLogoProps): react_jsx_runtime.JSX.Element;
     displayName: string;

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.11.2
+ * @license @wistia/ui v0.11.3
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -124,7 +124,7 @@ var globalStyleAdjustmentsCss = css`
   }
 
   /* Anything that has been anchored to should have extra scroll margin */
-  :target {
+  &:target {
     scroll-margin-block: 5ex;
   }
 
@@ -2951,7 +2951,7 @@ var buttonExtraLargeStyles = css16`
   --button-label-gap: 8px;
 `;
 var ghostButtonVariant = css16`
-  --button-color-bg: transparent;
+  --button-color-bg-override: transparent;
   --button-color-bg-hover: var(--wui-color-bg-surface-hover);
   --button-color-bg-active: var(--wui-color-bg-surface-active);
   --button-color-text: var(--wui-color-text-button);
@@ -2978,9 +2978,9 @@ var solidButtonVariant = css16`
   --button-color-icon: var(--wui-color-icon-on-fill);
 `;
 var disabledButtonVariant = css16`
-  --button-color-bg: var(--wui-color-bg-surface-disabled);
-  --button-color-bg-hover: var(--wui-color-bg-surface-disabled);
-  --button-color-bg-active: var(--wui-color-bg-surface-disabled);
+  --button-color-bg: var(--button-color-bg-override, var(--wui-color-bg-surface-disabled));
+  --button-color-bg-hover: var(--button-color-bg-override, var(--wui-color-bg-surface-disabled));
+  --button-color-bg-active: var(--button-color-bg-override, var(--wui-color-bg-surface-disabled));
   --button-color-text: var(--wui-color-text-disabled);
   --button-color-icon: var(--wui-color-icon-disabled);
   --button-color-border: var(--wui-color-border-disabled);
@@ -8338,7 +8338,7 @@ var ButtonGroupComponent = styled14.div`
     flex-direction: row;
   }
 
-  :not([data-wistia-ui-icon-button]) {
+  &:not([data-wistia-ui-icon-button]) {
     ${mq.smAndDown} {
       width: 100%;
     }
@@ -10491,7 +10491,7 @@ Input.displayName = "Input";
 // src/components/EditableHeading/EditableHeading.tsx
 import { Fragment as Fragment6, jsx as jsx232, jsxs as jsxs25 } from "react/jsx-runtime";
 var StyledInput = styled39(Input)`
-  :not([rows]) {
+  &:not([rows]) {
     min-height: unset;
   }