@wistia/ui 0.21.2-beta.aac731c8.81d0fc3 → 0.21.2-beta.d6f13bc7.7286c8a

package/dist/index.d.ts

@@ -4117,12 +4117,6 @@ type SliderProps = Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> & {
      * Callback called on value change
      */
     onChange?: (value: number[]) => void;
-    /**
-     * Callback called when the user finishes interacting with the slider
-     * (e.g. on mouseup, touchend, or keyup). Useful for analytics or
-     * expensive operations where only the final value matters.
-     */
-    onValueCommit?: (value: number[]) => void;
     /**
      * Value to be added or subtracted on each step
      */
@@ -4134,7 +4128,7 @@ type SliderProps = Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> & {
     value?: number[];
 };
 declare const Slider: {
-    ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, disabled, initialValue, max, min, onChange, onValueCommit, step, value, "data-testid": dataTestId, ...otherProps }: SliderProps): JSX.Element;
+    ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, disabled, initialValue, max, min, onChange, step, value, "data-testid": dataTestId, ...otherProps }: SliderProps): JSX.Element;
     displayName: string;
 };
 

package/dist/index.js

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.21.2-beta.aac731c8.81d0fc3
+ * @license @wistia/ui v0.21.2-beta.d6f13bc7.7286c8a
  *
  * Copyright (c) 2024-2026, Wistia, Inc. and its affiliates.
  *
@@ -16411,11 +16411,11 @@ var ListComponent = styled78.ul`
   list-style-position: outside;
   margin: 0 0 var(--wui-space-01);
   padding: 0 0 0 var(--wui-space-04);
-  ${({ variant }) => variant === "unbulleted" && unbulletedStyle};
-  ${({ variant }) => variant === "spaces" && spacesStyle};
-  ${({ variant }) => variant === "commas" && commasStyle};
-  ${({ variant }) => variant === "slashes" && slashesStyle};
-  ${({ variant }) => variant === "breadcrumbs" && breadcrumbsStyle};
+  ${({ $variant }) => $variant === "unbulleted" && unbulletedStyle};
+  ${({ $variant }) => $variant === "spaces" && spacesStyle};
+  ${({ $variant }) => $variant === "commas" && commasStyle};
+  ${({ $variant }) => $variant === "slashes" && slashesStyle};
+  ${({ $variant }) => $variant === "breadcrumbs" && breadcrumbsStyle};
 
   > li:last-child {
     margin-bottom: 0;
@@ -16438,7 +16438,7 @@ var renderListComponent = (listItems, variant, { ...otherProps }) => {
     ListComponent,
     {
       as: elementType,
-      variant,
+      $variant: variant,
       ...otherProps,
       children: listItems
     }
@@ -18683,7 +18683,6 @@ var Slider = ({
   max = 100,
   min = 0,
   onChange,
-  onValueCommit,
   step = 1,
   value,
   "data-testid": dataTestId = "ui-slider",
@@ -18716,7 +18715,6 @@ var Slider = ({
           min,
           onValueChange: handleValueChange,
           step,
-          ...onValueCommit ? { onValueCommit } : {},
           ...value ? { value } : {},
           children: [
             /* @__PURE__ */ jsx342(StyledSliderTrack, { "data-testid": `${dataTestId}-track`, children: /* @__PURE__ */ jsx342(StyledSliderRange, { "data-testid": `${dataTestId}-range` }) }),