@razorpay/blade 8.15.0 → 8.15.2

package/build/components/index.web.js

@@ -18958,7 +18958,7 @@ function ownKeys$12(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$11(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$12(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$12(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-var isFeedbackVariant = function isFeedbackVariant(variant) {
+var isFeedbackVariant$1 = function isFeedbackVariant(variant) {
   var feedbackVariants = ['information', 'negative', 'neutral', 'notice', 'positive'];
   return feedbackVariants.includes(variant);
 };
@@ -18972,7 +18972,7 @@ var getColorProps$1 = function getColorProps(_ref) {
     backgroundColor: 'feedback.background.neutral.lowContrast'
   };
 
-  if (isFeedbackVariant(variant)) {
+  if (isFeedbackVariant$1(variant)) {
     props.iconColor = "feedback.icon.".concat(variant, ".").concat(contrast, "Contrast");
     props.textColor = "feedback.text.".concat(variant, ".").concat(contrast, "Contrast");
     props.backgroundColor = "feedback.background.".concat(variant, ".").concat(contrast, "Contrast");
@@ -19373,29 +19373,44 @@ var StyledCounter = /*#__PURE__*/styled(BaseBox).withConfig({
   });
 });
 
-var _excluded$l = ["value", "max", "intent", "contrast", "size", "testID"];
+var _excluded$l = ["value", "max", "intent", "variant", "contrast", "size", "testID"];
 
 function ownKeys$Z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$Y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Z(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+var isFeedbackVariant = function isFeedbackVariant(variant) {
+  var feedbackVariants = ['information', 'negative', 'neutral', 'notice', 'positive'];
+  return feedbackVariants.includes(variant);
+};
+
 var getColorProps = function getColorProps(_ref) {
-  var _ref$intent = _ref.intent,
-      intent = _ref$intent === void 0 ? 'neutral' : _ref$intent,
+  var _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'neutral' : _ref$variant,
       _ref$contrast = _ref.contrast,
       contrast = _ref$contrast === void 0 ? 'low' : _ref$contrast;
   var props = {
-    textColor: "feedback.text.".concat(intent, ".").concat(contrast, "Contrast"),
-    backgroundColor: "feedback.background.".concat(intent, ".").concat(contrast, "Contrast")
+    textColor: 'feedback.text.neutral.lowContrast',
+    backgroundColor: 'feedback.background.neutral.lowContrast'
   };
+
+  if (isFeedbackVariant(variant)) {
+    props.textColor = "feedback.text.".concat(variant, ".").concat(contrast, "Contrast");
+    props.backgroundColor = "feedback.background.".concat(variant, ".").concat(contrast, "Contrast");
+  } else {
+    props.textColor = "badge.text.".concat(variant, ".").concat(contrast, "Contrast");
+    props.backgroundColor = "badge.background.".concat(variant, ".").concat(contrast, "Contrast");
+  }
+
   return props;
 };
 
 var Counter = function Counter(_ref2) {
   var value = _ref2.value,
       max = _ref2.max,
-      _ref2$intent = _ref2.intent,
-      intent = _ref2$intent === void 0 ? 'neutral' : _ref2$intent,
+      intent = _ref2.intent,
+      _ref2$variant = _ref2.variant,
+      variant = _ref2$variant === void 0 ? 'neutral' : _ref2$variant,
       _ref2$contrast = _ref2.contrast,
       contrast = _ref2$contrast === void 0 ? 'low' : _ref2$contrast,
       _ref2$size = _ref2.size,
@@ -19413,12 +19428,16 @@ var Counter = function Counter(_ref2) {
       platform = _useTheme.platform;
 
   var _getColorProps = getColorProps({
-    intent: intent,
+    variant: intent !== null && intent !== void 0 ? intent : variant,
     contrast: contrast
   }),
       backgroundColor = _getColorProps.backgroundColor,
       textColor = _getColorProps.textColor;
 
+  if (intent) {
+    console.warn('[Blade: Counter] The prop `intent` is deprecated and will be removed in a future release. Please use `variant` instead.');
+  }
+
   var counterTextSizes = {
     small: {
       variant: 'body',
@@ -29641,7 +29660,9 @@ var Tooltip = function Tooltip(_ref) {
       children: /*#__PURE__*/jsx(BaseBox, _objectSpread$1(_objectSpread$1(_objectSpread$1({
         ref: refs.setFloating,
         style: floatingStyles,
-        pointerEvents: "none"
+        pointerEvents: "none" // TODO: Tokenize zIndex values
+        ,
+        zIndex: 1100
       }, getFloatingProps()), metaAttribute({
         name: MetaConstants.Tooltip
       })), {}, {