@wistia/ui 0.11.2-beta.feb54855.5f9f8a9 → 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,8 +3442,8 @@ 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;

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,8 +3442,8 @@ 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;

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.11.2-beta.feb54855.5f9f8a9
+ * @license @wistia/ui v0.11.3
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -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);