@razorpay/blade 10.15.0 → 10.15.1

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

@@ -15960,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',
@@ -17227,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
@@ -17252,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
     })
   });
@@ -17285,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
     })
@@ -17310,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
     }))
@@ -17346,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) {
@@ -17358,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,