@razorpay/blade 10.14.6 → 10.15.0

package/build/components/index.production.web.js

@@ -2852,7 +2852,7 @@ var getAllProps = function getAllProps(props, breakpoint) {
   var hasBorderLeft = props.borderLeft || props.borderLeftColor || props.borderLeftWidth;
   var hasBorderTop = props.borderTop || props.borderTopColor || props.borderTopWidth;
   var hasBorderBottom = props.borderBottom || props.borderBottomColor || props.borderBottomWidth;
-  return _objectSpread$6h(_objectSpread$6h({
+  return _objectSpread$6h(_objectSpread$6h(_objectSpread$6h({
     display: getResponsiveValue(props.display, breakpoint),
     overflow: getResponsiveValue(props.overflow, breakpoint),
     overflowX: getResponsiveValue(props.overflowX, breakpoint),
@@ -2953,9 +2953,15 @@ var getAllProps = function getAllProps(props, breakpoint) {
     touchAction: getResponsiveValue(props.touchAction, breakpoint),
     userSelect: getResponsiveValue(props.userSelect, breakpoint),
     pointerEvents: getResponsiveValue(props.pointerEvents),
-    opacity: getResponsiveValue(props.opacity, breakpoint)
+    opacity: getResponsiveValue(props.opacity, breakpoint),
+    visibility: getResponsiveValue(props.visibility, breakpoint)
   }, !isReactNative$4() && {
     boxShadow: getElevationValue(props.elevation, props.theme, breakpoint)
+  }), {}, {
+    // Polygon support
+    transform: getResponsiveValue(props.transform, breakpoint),
+    transformOrigin: getResponsiveValue(props.transformOrigin, breakpoint),
+    clipPath: getResponsiveValue(props.clipPath, breakpoint)
   });
 };
 
@@ -3558,6 +3564,8 @@ var makeBoxProps = function makeBoxProps(props) {
     backgroundOrigin: props.backgroundOrigin,
     backgroundRepeat: props.backgroundRepeat,
     elevation: props.elevation,
+    opacity: props.opacity,
+    visibility: props.visibility,
     // Border
     borderWidth: props.borderWidth,
     borderColor: props.borderColor,
@@ -3574,6 +3582,10 @@ var makeBoxProps = function makeBoxProps(props) {
     borderTopRightRadius: props.borderTopRightRadius,
     borderBottomRightRadius: props.borderBottomRightRadius,
     borderBottomLeftRadius: props.borderBottomLeftRadius,
+    // Polygon Support
+    transform: props.transform,
+    transformOrigin: props.transformOrigin,
+    clipPath: props.clipPath,
     // callbacks
     onMouseEnter: props.onMouseEnter,
     onMouseLeave: props.onMouseLeave,
@@ -19147,8 +19159,6 @@ var Carousel = function Carousel(_ref4) {
 
   // Sync the indicators with scroll
   React__default.useEffect(function () {
-    // do not sync indicators on desktop, we are already in sync because we can only use the next/prev buttons
-    if (!isMobile) return;
     var carouselContainer = containerRef.current;
     if (!carouselContainer) return;
     var handleScroll = debounce$2(function () {
@@ -22057,7 +22067,7 @@ var BaseInput = /*#__PURE__*/React__default.forwardRef(function (_ref11, ref) {
           id: labelId,
           htmlFor: inputId,
           children: label
-        }), trailingHeaderSlot === null || trailingHeaderSlot === void 0 ? void 0 : trailingHeaderSlot(inputValue)]
+        }), trailingHeaderSlot === null || trailingHeaderSlot === void 0 ? void 0 : trailingHeaderSlot(value !== null && value !== void 0 ? value : inputValue)]
       }), /*#__PURE__*/jsxs(BaseInputWrapper, {
         isDropdownTrigger: isDropdownTrigger,
         isTextArea: isTextArea,
@@ -22169,7 +22179,7 @@ var BaseInput = /*#__PURE__*/React__default.forwardRef(function (_ref11, ref) {
           helpTextId: helpTextId,
           errorTextId: errorTextId,
           successTextId: successTextId
-        }), trailingFooterSlot === null || trailingFooterSlot === void 0 ? void 0 : trailingFooterSlot(inputValue)]
+        }), trailingFooterSlot === null || trailingFooterSlot === void 0 ? void 0 : trailingFooterSlot(value !== null && value !== void 0 ? value : inputValue)]
       })
     })]
   }));