@razorpay/blade 10.14.7 → 10.15.1

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,
@@ -15948,15 +15960,15 @@ var MAX_WIDTH$2 = size[584];
 var getCommonStyles = function getCommonStyles(props) {
   var theme = props.theme,
     contrastType = props.contrastType,
-    intent = props.intent,
+    color = props.color,
     isFullWidth = props.isFullWidth,
     isDesktop = props.isDesktop;
   var feedbackColors = theme.colors.feedback;
   return {
-    background: feedbackColors.background[intent][contrastType],
+    background: feedbackColors.background[color][contrastType],
     padding: isFullWidth ? "".concat(makeSpace(theme.spacing[4]), " ").concat(makeSpace(theme.spacing[5])) : "".concat(makeSpace(theme.spacing[3]), " ").concat(makeSpace(theme.spacing[3]), " ").concat(makeSpace(theme.spacing[4]), " ").concat(makeSpace(theme.spacing[3])),
     borderRadius: makeBorderSize(isFullWidth ? theme.border.radius.none : theme.border.radius.medium),
-    borderColor: feedbackColors.border[intent][contrastType],
+    borderColor: feedbackColors.border[color][contrastType],
     borderWidth: makeBorderSize(isFullWidth ? theme.border.width.none : theme.border.width.thin),
     borderStyle: 'solid',
     display: 'flex',
@@ -17215,7 +17227,8 @@ var Alert = function Alert(_ref) {
   var contrastType = "".concat(contrast, "Contrast");
   var iconSize = isFullWidth ? 'large' : 'medium';
   var textSize = isFullWidth ? 'medium' : 'small';
-  var Icon = intentIconMap[intent];
+  var alertColor = color !== null && color !== void 0 ? color : intent;
+  var Icon = intentIconMap[alertColor];
   var iconOffset = 'spacing.1';
 
   // certain special cases below needs special care for near perfect alignment
@@ -17240,7 +17253,7 @@ var Alert = function Alert(_ref) {
     marginTop: iconOffset,
     display: "flex",
     children: /*#__PURE__*/jsx(Icon, {
-      color: "feedback.icon.".concat(intent, ".").concat(contrastType),
+      color: "feedback.icon.".concat(alertColor, ".").concat(contrastType),
       size: iconSize
     })
   });
@@ -17273,7 +17286,7 @@ var Alert = function Alert(_ref) {
     children: /*#__PURE__*/jsx(BaseButton, {
       size: textSize,
       onClick: actions.primary.onClick,
-      color: color || intent,
+      color: alertColor,
       variant: contrast === 'high' ? 'primary' : 'secondary',
       children: actions.primary.text
     })
@@ -17298,7 +17311,7 @@ var Alert = function Alert(_ref) {
     display: isReactNative$3 ? castNativeType('flex') : castWebType('inline-flex'),
     children: /*#__PURE__*/jsx(BaseLink, _objectSpread$1j(_objectSpread$1j({
       size: textSize,
-      color: contrast === 'high' ? 'white' : intent
+      color: contrast === 'high' ? 'white' : alertColor
     }, secondaryActionParams), {}, {
       children: actions.secondary.text
     }))
@@ -17334,8 +17347,8 @@ var Alert = function Alert(_ref) {
   }) : null;
   var a11yProps = makeAccessible(_objectSpread$1j({
     // React Native doesn't has status as role
-    role: isReactNative$3 || intent === 'negative' || intent === 'notice' ? 'alert' : 'status'
-  }, intent === 'notice' && {
+    role: isReactNative$3 || alertColor === 'negative' || alertColor === 'notice' ? 'alert' : 'status'
+  }, alertColor === 'notice' && {
     liveRegion: 'polite'
   }));
   if (!isVisible) {
@@ -17346,7 +17359,7 @@ var Alert = function Alert(_ref) {
     testID: testID
   })), getStyledProps(styledProps)), {}, {
     children: /*#__PURE__*/jsxs(StyledAlert, {
-      intent: intent,
+      color: alertColor,
       contrastType: contrastType,
       isFullWidth: isFullWidth,
       isDesktop: isDesktop,
@@ -22055,7 +22068,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,
@@ -22167,7 +22180,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)]
       })
     })]
   }));