@wistia/ui 0.14.11 → 0.14.12-beta.04c4b6af.aa61237

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.14.11
+ * @license @wistia/ui v0.14.12-beta.04c4b6af.aa61237
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -9490,14 +9490,14 @@ var Checkbox = (0, import_react38.forwardRef)(
     const contextValue = checkboxGroupContext?.value;
     const checkboxName = name ?? contextName;
     const handleOnChange = onChange ?? contextOnChange;
-    const defaultChecked = (0, import_type_guards31.isNotUndefined)(value) && contextValue ? contextValue.includes(value) : void 0;
+    const isChecked = (0, import_type_guards31.isNotUndefined)(value) && contextValue ? contextValue.includes(value) : checked;
     return /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)(StyledCheckboxWrapper, { disabled, children: [
       /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
         StyledHiddenCheckboxInput,
         {
           ...props,
           ref,
-          ...(0, import_type_guards31.isNotUndefined)(defaultChecked) ? { defaultChecked } : { checked },
+          checked: isChecked,
           disabled,
           id: computedId,
           name: checkboxName,
@@ -14746,8 +14746,6 @@ var import_type_guards52 = require("@wistia/type-guards");
 var import_jsx_runtime285 = require("react/jsx-runtime");
 var ProgressBarWrapper = import_styled_components92.default.div`
   --progress-bar-height: 8px;
-  --progress-bar-indicator-color: var(--wui-color-bg-fill);
-  --progress-bar-background-color: var(--wui-color-bg-surface-secondary);
 
   display: flex;
   align-items: center;
@@ -14769,7 +14767,8 @@ var ProgressBarLabel = import_styled_components92.default.div`
   flex-shrink: 0;
 `;
 var StyledProgressIndicator = (0, import_styled_components92.default)(import_react_progress.Indicator)`
-  background-color: var(--progress-bar-indicator-color);
+  ${({ $colorScheme }) => getColorScheme($colorScheme)}
+  background-color: var(--wui-color-bg-fill);
   width: 100%;
   height: 100%;
   border-top-right-radius: var(--wui-border-radius-rounded);
@@ -14778,9 +14777,10 @@ var StyledProgressIndicator = (0, import_styled_components92.default)(import_rea
   transform: ${({ $progress, $max }) => getTranslateValue($progress, $max)};
 `;
 var StyledProgressBar = (0, import_styled_components92.default)(import_react_progress.Root)`
+  ${({ $colorScheme }) => getColorScheme($colorScheme)}
   position: relative;
   overflow: hidden;
-  background: var(--progress-bar-background-color);
+  background-color: var(--wui-color-bg-surface-secondary);
   border-radius: var(--wui-border-radius-rounded);
   width: 100%;
   height: var(--progress-bar-height);
@@ -14794,6 +14794,7 @@ var ProgressBar = ({
   children,
   labelLeft,
   labelRight,
+  colorScheme = "inherit",
   ...props
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime285.jsxs)(ProgressBarWrapper, { children: [
@@ -14801,12 +14802,14 @@ var ProgressBar = ({
     /* @__PURE__ */ (0, import_jsx_runtime285.jsx)(
       StyledProgressBar,
       {
+        $colorScheme: colorScheme,
         max,
         value: progress,
         ...props,
         children: /* @__PURE__ */ (0, import_jsx_runtime285.jsx)(
           StyledProgressIndicator,
           {
+            $colorScheme: colorScheme,
             $max: max,
             $progress: progress
           }
@@ -14945,7 +14948,7 @@ var Radio = (0, import_react72.forwardRef)(
     const contextValue = radioGroupContext?.value;
     const radioName = name ?? contextName;
     const handleOnChange = onChange ?? contextOnChange;
-    const defaultChecked = (0, import_type_guards53.isNotUndefined)(value) && (0, import_type_guards53.isNotUndefined)(contextValue) ? contextValue.includes(value) : void 0;
+    const isChecked = (0, import_type_guards53.isNotUndefined)(value) && (0, import_type_guards53.isNotUndefined)(contextValue) ? contextValue === value : checked;
     return /* @__PURE__ */ (0, import_jsx_runtime286.jsxs)(
       StyledRadioWrapper,
       {
@@ -14957,14 +14960,14 @@ var Radio = (0, import_react72.forwardRef)(
             {
               ...props,
               ref,
+              checked: isChecked,
               disabled,
               id: computedId,
               name: radioName,
               onChange: handleOnChange,
               required,
               type: "radio",
-              value,
-              ...(0, import_type_guards53.isNotUndefined)(defaultChecked) ? { defaultChecked } : { checked }
+              value
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(
@@ -15128,7 +15131,7 @@ var RadioCardRoot = (0, import_react73.forwardRef)(
     const contextValue = radioGroupContext?.value;
     const radioName = name ?? contextName;
     const handleOnChange = onChange ?? contextOnChange;
-    const defaultChecked = (0, import_type_guards54.isNotUndefined)(value) && (0, import_type_guards54.isNotUndefined)(contextValue) ? contextValue.includes(value) : void 0;
+    const isChecked = (0, import_type_guards54.isNotUndefined)(value) && (0, import_type_guards54.isNotUndefined)(contextValue) ? contextValue === value : checked;
     return /* @__PURE__ */ (0, import_jsx_runtime287.jsxs)(
       StyledCard2,
       {
@@ -15141,13 +15144,13 @@ var RadioCardRoot = (0, import_react73.forwardRef)(
             {
               ...props,
               ref,
+              checked: isChecked,
               disabled,
               id: computedId,
               name: radioName,
               onChange: handleOnChange,
               type: "radio",
-              value,
-              ...(0, import_type_guards54.isNotUndefined)(defaultChecked) ? { defaultChecked } : { checked }
+              value
             }
           ),
           children