@wistia/wistia-player-react 0.3.14 → 0.3.16

package/dist/cjs/WistiaPlayer.cjs

@@ -2457,6 +2457,11 @@ var init_wistia_player = __esm({
             s1: () => (
               /* binding */
               colorContrastRatiosByShape
+            ),
+            /* harmony export */
+            ui: () => (
+              /* binding */
+              adjustColorForProperContrast
             )
             /* harmony export */
           });
@@ -8427,7 +8432,7 @@ var init_wistia_player = __esm({
           var PROD_SSL_EMBED_HOST = "embed-ssl.wistia.com";
           var PROD_FASTLY_SSL_HOST = "embed-fastly.wistia.com";
           var SSL_EMBED_HOST = "embed-ssl.wistia.com";
-          var TAGGED_VERSION2 = "0.3.14";
+          var TAGGED_VERSION2 = "0.3.16";
           var CURRENT_SHA2 = (
             /* unused pure expression or super */
             null
@@ -9232,6 +9237,7 @@ var init_wistia_player = __esm({
           var _utilities_detect_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__3(7231);
           var _utilities_duration_ts__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__3(1341);
           var _utilities_interFontFamily_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__3(8213);
+          var _utilities_color_utils_ts__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__3(998);
           function ownKeys2(e, r) {
             var t = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
@@ -9320,7 +9326,7 @@ var init_wistia_player = __esm({
           var ALPHA_MIX_BLEND_MODE = 0.7;
           var ALPHA_NO_MIX_BLEND_MODE = 0.85;
           var BigPlayButton = function BigPlayButton2(_ref) {
-            var backgroundGradientCss = _ref.backgroundGradientCss, _ref$baseHeight = _ref.baseHeight, baseHeight = _ref$baseHeight === void 0 ? BASE_BUTTON_HEIGHT : _ref$baseHeight, _ref$baseWidth = _ref.baseWidth, baseWidth = _ref$baseWidth === void 0 ? BASE_BUTTON_WIDTH : _ref$baseWidth, borderRadius = _ref.borderRadius, buttonTabIndex = _ref.buttonTabIndex, color = _ref.color, _ref$controlBarDistan = _ref.controlBarDistance, controlBarDistance = _ref$controlBarDistan === void 0 ? 0 : _ref$controlBarDistan, duration = _ref.duration, elemRef = _ref.elemRef, isLiveMedia = _ref.isLiveMedia, _ref$isLoading = _ref.isLoading, isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading, _ref$isOpaque = _ref.isOpaque, isOpaque = _ref$isOpaque === void 0 ? false : _ref$isOpaque, isVisible = _ref.isVisible, _ref$leftNudgeFractio = _ref.leftNudgeFraction, leftNudgeFraction = _ref$leftNudgeFractio === void 0 ? 0 : _ref$leftNudgeFractio, _ref$noMixBlendMode = _ref.noMixBlendMode, noMixBlendMode = _ref$noMixBlendMode === void 0 ? false : _ref$noMixBlendMode, onClick = _ref.onClick, playerLanguage = _ref.playerLanguage, scale = _ref.scale, showBpbTime = _ref.showBpbTime, _ref$topNudgeFraction = _ref.topNudgeFraction, topNudgeFraction = _ref$topNudgeFraction === void 0 ? 0 : _ref$topNudgeFraction, videoName = _ref.videoName, videoWidth = _ref.videoWidth;
+            var backgroundGradientCss = _ref.backgroundGradientCss, _ref$baseHeight = _ref.baseHeight, baseHeight = _ref$baseHeight === void 0 ? BASE_BUTTON_HEIGHT : _ref$baseHeight, _ref$baseWidth = _ref.baseWidth, baseWidth = _ref$baseWidth === void 0 ? BASE_BUTTON_WIDTH : _ref$baseWidth, borderRadius = _ref.borderRadius, buttonTabIndex = _ref.buttonTabIndex, color = _ref.color, _ref$controlBarDistan = _ref.controlBarDistance, controlBarDistance = _ref$controlBarDistan === void 0 ? 0 : _ref$controlBarDistan, duration = _ref.duration, elemRef = _ref.elemRef, hasContrastIcons = _ref.hasContrastIcons, isLiveMedia = _ref.isLiveMedia, _ref$isLoading = _ref.isLoading, isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading, _ref$isOpaque = _ref.isOpaque, isOpaque = _ref$isOpaque === void 0 ? false : _ref$isOpaque, isVisible = _ref.isVisible, _ref$leftNudgeFractio = _ref.leftNudgeFraction, leftNudgeFraction = _ref$leftNudgeFractio === void 0 ? 0 : _ref$leftNudgeFractio, _ref$noMixBlendMode = _ref.noMixBlendMode, noMixBlendMode = _ref$noMixBlendMode === void 0 ? false : _ref$noMixBlendMode, onClick = _ref.onClick, playerLanguage = _ref.playerLanguage, scale = _ref.scale, showBpbTime = _ref.showBpbTime, _ref$topNudgeFraction = _ref.topNudgeFraction, topNudgeFraction = _ref$topNudgeFraction === void 0 ? 0 : _ref$topNudgeFraction, videoName = _ref.videoName, videoWidth = _ref.videoWidth;
             var _useState = (0, preact_hooks__WEBPACK_IMPORTED_MODULE_1__.J0)(false), _useState2 = _slicedToArray2(_useState, 2), isFocused = _useState2[0], setIsFocused = _useState2[1];
             var scaledWidth = baseWidth * scale;
             var scaledHeight = baseHeight * scale;
@@ -9341,14 +9347,6 @@ var init_wistia_player = __esm({
               top: "calc(50% + ".concat((topNudgeFraction || 0) * 100, "% - ").concat(controlBarDistance, "px)"),
               boxShadow: isOpaque ? "0 3px 5px rgba(0,0,0,0.3)" : void 0
             };
-            var buttonStyle = {
-              backgroundColor: "transparent",
-              border: 0,
-              cursor: "pointer",
-              height: "".concat(scaledHeight, "px"),
-              boxShadow: "none",
-              width: "".concat(scaledWidth, "px")
-            };
             var shouldMixBlendMode = !detect.edge && !noMixBlendMode;
             var blendColor = new _utilities_color_js__WEBPACK_IMPORTED_MODULE_4__.Q1(color !== null && color !== void 0 ? color : "#000").alpha(1);
             var blendStyle = {
@@ -9361,20 +9359,26 @@ var init_wistia_player = __esm({
               top: 0,
               width: "".concat(scaledWidth, "px")
             };
-            var overlayColor = new _utilities_color_js__WEBPACK_IMPORTED_MODULE_4__.Q1(color !== null && color !== void 0 ? color : "#000");
-            var overlayAlphaValue = shouldMixBlendMode ? ALPHA_MIX_BLEND_MODE : ALPHA_NO_MIX_BLEND_MODE;
-            overlayColor.alpha(isOpaque ? 1 : overlayAlphaValue);
-            if (isFocused) {
-              overlayColor.lighten("15%");
-            }
             var shouldUseGradient = backgroundGradientCss != null;
+            var playerColorObj = new _utilities_color_js__WEBPACK_IMPORTED_MODULE_4__.Q1(color !== null && color !== void 0 ? color : "#000000");
+            var hoverButtonColor = (0, _utilities_color_utils_ts__WEBPACK_IMPORTED_MODULE_9__.ui)(playerColorObj, playerColorObj, "nonText");
+            var overlayColor = isFocused ? hoverButtonColor : playerColorObj;
+            var overlayAlphaValue = shouldMixBlendMode ? ALPHA_MIX_BLEND_MODE : ALPHA_NO_MIX_BLEND_MODE;
+            var overlayColorObj = new _utilities_color_js__WEBPACK_IMPORTED_MODULE_4__.Q1(overlayColor);
+            var playerIconColor = (0, _utilities_color_utils_ts__WEBPACK_IMPORTED_MODULE_9__.hu)(playerColorObj, hasContrastIcons, shouldUseGradient);
+            var hoverIconColor = hasContrastIcons ? (0, _utilities_color_utils_ts__WEBPACK_IMPORTED_MODULE_9__.ui)(playerIconColor, hoverButtonColor, "paragraphText") : "#fff";
+            overlayColorObj.alpha(isOpaque ? 1 : overlayAlphaValue);
             var gradientStyles = shouldUseGradient ? {
               background: backgroundGradientCss,
               backgroundSize: "".concat(videoWidth, "px 100%"),
               backgroundPositionX: "center"
             } : {};
+            if (shouldUseGradient) {
+              hoverIconColor = "#ffffff";
+              hoverButtonColor = "rgba(0,0,0,0.4)";
+            }
             var overlayStyle = _objectSpread2(_objectSpread2({
-              backgroundColor: overlayColor.toRgba()
+              backgroundColor: overlayColorObj.toRgba()
             }, gradientStyles), {}, {
               height: "".concat(scaledHeight, "px"),
               left: 0,
@@ -9383,6 +9387,15 @@ var init_wistia_player = __esm({
               transition: "background-color 150ms",
               width: "".concat(scaledWidth, "px")
             });
+            var buttonStyle = {
+              backgroundColor: "transparent",
+              border: 0,
+              color: isFocused ? hoverIconColor : playerIconColor,
+              cursor: "pointer",
+              height: "".concat(scaledHeight, "px"),
+              boxShadow: "none",
+              width: "".concat(scaledWidth, "px")
+            };
             var shouldDisplayDuration = showBpbTime && !isLiveMedia;
             var timeStyle = {
               background: "rgba(0,0,0,.4)",
@@ -9422,7 +9435,8 @@ var init_wistia_player = __esm({
               width: baseWidth,
               height: baseHeight,
               scale,
-              isLoading
+              isLoading,
+              overrideFillColor: isFocused ? hoverIconColor : playerIconColor
             })), shouldDisplayDuration ? (0, preact__WEBPACK_IMPORTED_MODULE_0__2.h)("div", {
               class: "w-bpb-time",
               style: timeStyle
@@ -11514,7 +11528,7 @@ var init_wistia_player = __esm({
           var ICON_HEIGHT = 36;
           var LOADING_ALPHA = 0.5;
           var BigPlayButtonSVG = function BigPlayButtonSVG2(_ref) {
-            var width = _ref.width, height = _ref.height, scale = _ref.scale, _ref$isLoading = _ref.isLoading, isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading;
+            var width = _ref.width, height = _ref.height, scale = _ref.scale, _ref$isLoading = _ref.isLoading, isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading, overrideFillColor = _ref.overrideFillColor;
             var scaledHeight = height * scale;
             var svgAttrs = (0, _utilities_svg_boilerplate_ts__WEBPACK_IMPORTED_MODULE_2__.I)({
               width,
@@ -11522,7 +11536,7 @@ var init_wistia_player = __esm({
               styleOverride: {
                 position: "absolute",
                 height: "".concat(scaledHeight, "px"),
-                color: "var(--wistia-player-icon-color, #fff)"
+                color: overrideFillColor
               },
               ariaHidden: true
             });
@@ -13530,6 +13544,7 @@ var init_wistia_player = __esm({
                 color: playerColorOrGradientColor,
                 controlBarDistance: calculatedControlBarDistance,
                 duration: duration !== null && duration !== void 0 ? duration : 0,
+                hasContrastIcons: contrastIcons !== null && contrastIcons !== void 0 ? contrastIcons : false,
                 isLiveMedia: mediaType === "LiveStream",
                 isLoading,
                 isOpaque: opaqueControls,
@@ -15449,7 +15464,7 @@ var init_wistia_player = __esm({
         value: (function() {
           var _getRemapTime = _asyncToGenerator(/* @__PURE__ */ _regenerator().m(function _callee10() {
             var _classPrivateFieldGet96, _this7 = this;
-            var _t, _t2, _t3, _t4;
+            var _t, _t2, _t3;
             return _regenerator().w(function(_context10) {
               while (1) switch (_context10.n) {
                 case 0:
@@ -15494,8 +15509,7 @@ var init_wistia_player = __esm({
                     };
                   });
                 case 4:
-                  _t4 = _context10.v;
-                  _t(_t2, _t3, _t4);
+                  _t(_t2, _t3, _context10.v);
                 case 5:
                   return _context10.a(2, _classPrivateFieldGet(_cachedRemapTime, this));
               }

package/dist/mjs/WistiaPlayer.mjs

@@ -8,7 +8,7 @@ import {
 import { forwardRef, Suspense, lazy, Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var WistiaPlayerWrapper = lazy(
-  async () => import("./WistiaPlayerWrapper-E2P5ZWUP.mjs").then((module) => ({
+  async () => import("./WistiaPlayerWrapper-Z76G2JEI.mjs").then((module) => ({
     default: module.WistiaPlayerWrapper
   }))
 );

package/dist/mjs/{WistiaPlayerWrapper-E2P5ZWUP.mjs → WistiaPlayerWrapper-Z76G2JEI.mjs}

@@ -37,7 +37,7 @@ var WistiaPlayerWrapper = forwardRef(
           setSwatchAspectRatio(ratio);
         });
       }
-      void import("./wistia-player-FIDHPNDO.mjs");
+      void import("./wistia-player-JV5AKUF3.mjs");
       void customElements.whenDefined("wistia-player").then(() => {
         setIsWistiaPlayerDefined(true);
       });

package/dist/mjs/{wistia-player-FIDHPNDO.mjs → wistia-player-JV5AKUF3.mjs}

@@ -1595,6 +1595,11 @@ var __webpack_modules__ = {
         s1: () => (
           /* binding */
           colorContrastRatiosByShape
+        ),
+        /* harmony export */
+        ui: () => (
+          /* binding */
+          adjustColorForProperContrast
         )
         /* harmony export */
       });
@@ -7565,7 +7570,7 @@ var __webpack_modules__ = {
       var PROD_SSL_EMBED_HOST = "embed-ssl.wistia.com";
       var PROD_FASTLY_SSL_HOST = "embed-fastly.wistia.com";
       var SSL_EMBED_HOST = "embed-ssl.wistia.com";
-      var TAGGED_VERSION2 = "0.3.14";
+      var TAGGED_VERSION2 = "0.3.16";
       var CURRENT_SHA2 = (
         /* unused pure expression or super */
         null
@@ -8370,6 +8375,7 @@ var __webpack_modules__ = {
       var _utilities_detect_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__3(7231);
       var _utilities_duration_ts__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__3(1341);
       var _utilities_interFontFamily_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__3(8213);
+      var _utilities_color_utils_ts__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__3(998);
       function ownKeys2(e, r) {
         var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
@@ -8458,7 +8464,7 @@ var __webpack_modules__ = {
       var ALPHA_MIX_BLEND_MODE = 0.7;
       var ALPHA_NO_MIX_BLEND_MODE = 0.85;
       var BigPlayButton = function BigPlayButton2(_ref) {
-        var backgroundGradientCss = _ref.backgroundGradientCss, _ref$baseHeight = _ref.baseHeight, baseHeight = _ref$baseHeight === void 0 ? BASE_BUTTON_HEIGHT : _ref$baseHeight, _ref$baseWidth = _ref.baseWidth, baseWidth = _ref$baseWidth === void 0 ? BASE_BUTTON_WIDTH : _ref$baseWidth, borderRadius = _ref.borderRadius, buttonTabIndex = _ref.buttonTabIndex, color = _ref.color, _ref$controlBarDistan = _ref.controlBarDistance, controlBarDistance = _ref$controlBarDistan === void 0 ? 0 : _ref$controlBarDistan, duration = _ref.duration, elemRef = _ref.elemRef, isLiveMedia = _ref.isLiveMedia, _ref$isLoading = _ref.isLoading, isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading, _ref$isOpaque = _ref.isOpaque, isOpaque = _ref$isOpaque === void 0 ? false : _ref$isOpaque, isVisible = _ref.isVisible, _ref$leftNudgeFractio = _ref.leftNudgeFraction, leftNudgeFraction = _ref$leftNudgeFractio === void 0 ? 0 : _ref$leftNudgeFractio, _ref$noMixBlendMode = _ref.noMixBlendMode, noMixBlendMode = _ref$noMixBlendMode === void 0 ? false : _ref$noMixBlendMode, onClick = _ref.onClick, playerLanguage = _ref.playerLanguage, scale = _ref.scale, showBpbTime = _ref.showBpbTime, _ref$topNudgeFraction = _ref.topNudgeFraction, topNudgeFraction = _ref$topNudgeFraction === void 0 ? 0 : _ref$topNudgeFraction, videoName = _ref.videoName, videoWidth = _ref.videoWidth;
+        var backgroundGradientCss = _ref.backgroundGradientCss, _ref$baseHeight = _ref.baseHeight, baseHeight = _ref$baseHeight === void 0 ? BASE_BUTTON_HEIGHT : _ref$baseHeight, _ref$baseWidth = _ref.baseWidth, baseWidth = _ref$baseWidth === void 0 ? BASE_BUTTON_WIDTH : _ref$baseWidth, borderRadius = _ref.borderRadius, buttonTabIndex = _ref.buttonTabIndex, color = _ref.color, _ref$controlBarDistan = _ref.controlBarDistance, controlBarDistance = _ref$controlBarDistan === void 0 ? 0 : _ref$controlBarDistan, duration = _ref.duration, elemRef = _ref.elemRef, hasContrastIcons = _ref.hasContrastIcons, isLiveMedia = _ref.isLiveMedia, _ref$isLoading = _ref.isLoading, isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading, _ref$isOpaque = _ref.isOpaque, isOpaque = _ref$isOpaque === void 0 ? false : _ref$isOpaque, isVisible = _ref.isVisible, _ref$leftNudgeFractio = _ref.leftNudgeFraction, leftNudgeFraction = _ref$leftNudgeFractio === void 0 ? 0 : _ref$leftNudgeFractio, _ref$noMixBlendMode = _ref.noMixBlendMode, noMixBlendMode = _ref$noMixBlendMode === void 0 ? false : _ref$noMixBlendMode, onClick = _ref.onClick, playerLanguage = _ref.playerLanguage, scale = _ref.scale, showBpbTime = _ref.showBpbTime, _ref$topNudgeFraction = _ref.topNudgeFraction, topNudgeFraction = _ref$topNudgeFraction === void 0 ? 0 : _ref$topNudgeFraction, videoName = _ref.videoName, videoWidth = _ref.videoWidth;
         var _useState = (0, preact_hooks__WEBPACK_IMPORTED_MODULE_1__.J0)(false), _useState2 = _slicedToArray2(_useState, 2), isFocused = _useState2[0], setIsFocused = _useState2[1];
         var scaledWidth = baseWidth * scale;
         var scaledHeight = baseHeight * scale;
@@ -8479,14 +8485,6 @@ var __webpack_modules__ = {
           top: "calc(50% + ".concat((topNudgeFraction || 0) * 100, "% - ").concat(controlBarDistance, "px)"),
           boxShadow: isOpaque ? "0 3px 5px rgba(0,0,0,0.3)" : void 0
         };
-        var buttonStyle = {
-          backgroundColor: "transparent",
-          border: 0,
-          cursor: "pointer",
-          height: "".concat(scaledHeight, "px"),
-          boxShadow: "none",
-          width: "".concat(scaledWidth, "px")
-        };
         var shouldMixBlendMode = !detect.edge && !noMixBlendMode;
         var blendColor = new _utilities_color_js__WEBPACK_IMPORTED_MODULE_4__.Q1(color !== null && color !== void 0 ? color : "#000").alpha(1);
         var blendStyle = {
@@ -8499,20 +8497,26 @@ var __webpack_modules__ = {
           top: 0,
           width: "".concat(scaledWidth, "px")
         };
-        var overlayColor = new _utilities_color_js__WEBPACK_IMPORTED_MODULE_4__.Q1(color !== null && color !== void 0 ? color : "#000");
-        var overlayAlphaValue = shouldMixBlendMode ? ALPHA_MIX_BLEND_MODE : ALPHA_NO_MIX_BLEND_MODE;
-        overlayColor.alpha(isOpaque ? 1 : overlayAlphaValue);
-        if (isFocused) {
-          overlayColor.lighten("15%");
-        }
         var shouldUseGradient = backgroundGradientCss != null;
+        var playerColorObj = new _utilities_color_js__WEBPACK_IMPORTED_MODULE_4__.Q1(color !== null && color !== void 0 ? color : "#000000");
+        var hoverButtonColor = (0, _utilities_color_utils_ts__WEBPACK_IMPORTED_MODULE_9__.ui)(playerColorObj, playerColorObj, "nonText");
+        var overlayColor = isFocused ? hoverButtonColor : playerColorObj;
+        var overlayAlphaValue = shouldMixBlendMode ? ALPHA_MIX_BLEND_MODE : ALPHA_NO_MIX_BLEND_MODE;
+        var overlayColorObj = new _utilities_color_js__WEBPACK_IMPORTED_MODULE_4__.Q1(overlayColor);
+        var playerIconColor = (0, _utilities_color_utils_ts__WEBPACK_IMPORTED_MODULE_9__.hu)(playerColorObj, hasContrastIcons, shouldUseGradient);
+        var hoverIconColor = hasContrastIcons ? (0, _utilities_color_utils_ts__WEBPACK_IMPORTED_MODULE_9__.ui)(playerIconColor, hoverButtonColor, "paragraphText") : "#fff";
+        overlayColorObj.alpha(isOpaque ? 1 : overlayAlphaValue);
         var gradientStyles = shouldUseGradient ? {
           background: backgroundGradientCss,
           backgroundSize: "".concat(videoWidth, "px 100%"),
           backgroundPositionX: "center"
         } : {};
+        if (shouldUseGradient) {
+          hoverIconColor = "#ffffff";
+          hoverButtonColor = "rgba(0,0,0,0.4)";
+        }
         var overlayStyle = _objectSpread2(_objectSpread2({
-          backgroundColor: overlayColor.toRgba()
+          backgroundColor: overlayColorObj.toRgba()
         }, gradientStyles), {}, {
           height: "".concat(scaledHeight, "px"),
           left: 0,
@@ -8521,6 +8525,15 @@ var __webpack_modules__ = {
           transition: "background-color 150ms",
           width: "".concat(scaledWidth, "px")
         });
+        var buttonStyle = {
+          backgroundColor: "transparent",
+          border: 0,
+          color: isFocused ? hoverIconColor : playerIconColor,
+          cursor: "pointer",
+          height: "".concat(scaledHeight, "px"),
+          boxShadow: "none",
+          width: "".concat(scaledWidth, "px")
+        };
         var shouldDisplayDuration = showBpbTime && !isLiveMedia;
         var timeStyle = {
           background: "rgba(0,0,0,.4)",
@@ -8560,7 +8573,8 @@ var __webpack_modules__ = {
           width: baseWidth,
           height: baseHeight,
           scale,
-          isLoading
+          isLoading,
+          overrideFillColor: isFocused ? hoverIconColor : playerIconColor
         })), shouldDisplayDuration ? (0, preact__WEBPACK_IMPORTED_MODULE_0__2.h)("div", {
           class: "w-bpb-time",
           style: timeStyle
@@ -10652,7 +10666,7 @@ var __webpack_modules__ = {
       var ICON_HEIGHT = 36;
       var LOADING_ALPHA = 0.5;
       var BigPlayButtonSVG = function BigPlayButtonSVG2(_ref) {
-        var width = _ref.width, height = _ref.height, scale = _ref.scale, _ref$isLoading = _ref.isLoading, isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading;
+        var width = _ref.width, height = _ref.height, scale = _ref.scale, _ref$isLoading = _ref.isLoading, isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading, overrideFillColor = _ref.overrideFillColor;
         var scaledHeight = height * scale;
         var svgAttrs = (0, _utilities_svg_boilerplate_ts__WEBPACK_IMPORTED_MODULE_2__.I)({
           width,
@@ -10660,7 +10674,7 @@ var __webpack_modules__ = {
           styleOverride: {
             position: "absolute",
             height: "".concat(scaledHeight, "px"),
-            color: "var(--wistia-player-icon-color, #fff)"
+            color: overrideFillColor
           },
           ariaHidden: true
         });
@@ -12668,6 +12682,7 @@ var __webpack_modules__ = {
             color: playerColorOrGradientColor,
             controlBarDistance: calculatedControlBarDistance,
             duration: duration !== null && duration !== void 0 ? duration : 0,
+            hasContrastIcons: contrastIcons !== null && contrastIcons !== void 0 ? contrastIcons : false,
             isLiveMedia: mediaType === "LiveStream",
             isLoading,
             isOpaque: opaqueControls,
@@ -14904,7 +14919,7 @@ var WistiaPlayer = /* @__PURE__ */ (function(_HTMLElement) {
     value: (function() {
       var _getRemapTime = _asyncToGenerator(/* @__PURE__ */ _regenerator().m(function _callee10() {
         var _classPrivateFieldGet96, _this7 = this;
-        var _t, _t2, _t3, _t4;
+        var _t, _t2, _t3;
         return _regenerator().w(function(_context10) {
           while (1) switch (_context10.n) {
             case 0:
@@ -14949,8 +14964,7 @@ var WistiaPlayer = /* @__PURE__ */ (function(_HTMLElement) {
                 };
               });
             case 4:
-              _t4 = _context10.v;
-              _t(_t2, _t3, _t4);
+              _t(_t2, _t3, _context10.v);
             case 5:
               return _context10.a(2, _classPrivateFieldGet(_cachedRemapTime, this));
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wistia/wistia-player-react",
-  "version": "0.3.14",
+  "version": "0.3.16",
   "packageManager": "yarn@4.5.3",
   "description": "An embeddable wistia-player web component and React wrapper to add responsive, lightweight, and SEO-friendly videos to your site.",
   "keywords": [
@@ -46,7 +46,7 @@
   },
   "dependencies": {
     "@wistia/type-guards": "^0.9.1",
-    "@wistia/wistia-player": "0.3.14"
+    "@wistia/wistia-player": "0.3.16"
   },
   "peerDependencies": {
     "react": ">=18.0.0 <20.0.0",
@@ -56,7 +56,7 @@
     "@babel/core": "^7.28.5",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-proposal-optional-chaining": "^7.21.0",
-    "@babel/preset-env": "^7.28.0",
+    "@babel/preset-env": "^7.28.5",
     "@babel/preset-react": "^7.28.5",
     "@babel/preset-typescript": "^7.28.5",
     "@types/react": "^19.1.9",