@wistia/ui 0.14.2 → 0.14.3

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.14.2
+ * @license @wistia/ui v0.14.3
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -10125,7 +10125,7 @@ var ColorPickerProvider = ({
   );
   const whatValuePropShouldBe = shouldEnforceMinContrast ? (0, import_fn4.formatHex)(getAccessibleDerivativeColor((0, import_fn4.formatHex)(nonDerivedValueAsHsv))) : (0, import_fn4.formatHex)(nonDerivedValueAsHsv);
   (0, import_react41.useEffect)(() => {
-    if (valueAsHex.toLocaleLowerCase() !== whatValuePropShouldBe.toLocaleLowerCase() && !isTransitioning) {
+    if (valueAsHex !== whatValuePropShouldBe && !isTransitioning) {
       onValueChange(whatValuePropShouldBe);
     }
   }, [valueAsHex, whatValuePropShouldBe, isTransitioning, onValueChange]);
@@ -10497,7 +10497,8 @@ var Container2 = (0, import_styled_components51.default)(import_react_radio_grou
   cursor: pointer;
   user-select: none;
 `;
-var ColorGridOption = ({ value, name }) => {
+var ColorGridOption = ({ value: rawValue, name }) => {
+  const value = rawValue.toLocaleLowerCase();
   const { valueAsHsv, nonDerivedValueAsHex } = useColorPickerState();
   const valueAsHex = (0, import_fn5.formatHex)(valueAsHsv);
   const isSelected = valueAsHex === value;
@@ -10655,7 +10656,8 @@ var Container5 = (0, import_styled_components54.default)(import_react_toggle_gro
     background-color: var(--wui-color-bg-surface-secondary-hover);
   }
 `;
-var ColorListOption = ({ value, name }) => {
+var ColorListOption = ({ value: rawValue, name }) => {
+  const value = rawValue.toLocaleLowerCase();
   const { valueAsHsv, nonDerivedValueAsHex } = useColorPickerState();
   const valueAsHex = (0, import_fn6.formatHex)(valueAsHsv);
   const isSelected = valueAsHex === value;
@@ -10708,7 +10710,7 @@ var ColorPicker = ({
       minimumContrastRatio,
       onValueChange,
       opacityForContrastCalculation,
-      value,
+      value: value.toLocaleLowerCase(),
       children
     }
   ) });