@razorpay/blade 5.0.1 → 5.1.0

package/build/components/index.web.js

@@ -5726,10 +5726,10 @@ var buttonIconOnlySizeToIconSizeMap = {
   large: 'xlarge'
 };
 var buttonSizeToSpinnerSizeMap = {
-  xsmall: 'small',
-  small: 'medium',
-  medium: 'medium',
-  large: 'large'
+  xsmall: 'medium',
+  small: 'large',
+  medium: 'large',
+  large: 'xlarge'
 };
 var textPadding = {
   xsmall: 2,
@@ -5867,9 +5867,9 @@ function destroyAnnouncer() {
 }
 
 var dimensions = {
-  small: 16,
-  medium: 20,
-  large: 24
+  medium: 16,
+  large: 20,
+  xlarge: 24
 };
 var motion = {
   duration: 'duration.2xgentle',
@@ -5904,7 +5904,7 @@ var SpinningBox = /*#__PURE__*/styled(Box).withConfig({
   componentId: "zswieh-0"
 })(function (_ref) {
   var theme = _ref.theme;
-  return css(["width:max-content;display:inline-flex;animation:", " ", " ", " infinite;"], rotate, makeMotionTime(get_1(theme.motion, motion.duration)), get_1(theme.motion, motion.easing));
+  return css(["padding:1px;width:max-content;display:inline-flex;animation:", " ", " ", " infinite;"], rotate, makeMotionTime(get_1(theme.motion, motion.duration)), get_1(theme.motion, motion.easing));
 });
 
 function ownKeys$p(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; }
@@ -9103,6 +9103,25 @@ var CharacterCounter = function CharacterCounter(_ref) {
   });
 };
 
+var Spinner = function Spinner(_ref) {
+  var _ref2;
+
+  var label = _ref.label,
+      labelPosition = _ref.labelPosition,
+      accessibilityLabel = _ref.accessibilityLabel,
+      _ref$contrast = _ref.contrast,
+      contrast = _ref$contrast === void 0 ? 'low' : _ref$contrast,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'medium' : _ref$size;
+  return /*#__PURE__*/jsx(BaseSpinner, {
+    label: label,
+    labelPosition: labelPosition,
+    accessibilityLabel: (_ref2 = accessibilityLabel !== null && accessibilityLabel !== void 0 ? accessibilityLabel : label) !== null && _ref2 !== void 0 ? _ref2 : 'Loading',
+    contrast: contrast,
+    size: size
+  });
+};
+
 function ownKeys$6(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$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -9218,10 +9237,8 @@ var TextInput = function TextInput(_ref2) {
 
   var renderInteractionElement = function renderInteractionElement() {
     if (isLoading) {
-      // @TODO replace with spinner once it's ready
-      return /*#__PURE__*/jsx(InfoIcon, {
-        size: "medium",
-        color: "surface.text.subtle.lowContrast"
+      return /*#__PURE__*/jsx(Spinner, {
+        accessibilityLabel: "Loading Content"
       });
     }
 
@@ -10659,25 +10676,6 @@ var RadioGroup = function RadioGroup(_ref) {
   });
 };
 
-var Spinner = function Spinner(_ref) {
-  var _ref2;
-
-  var label = _ref.label,
-      labelPosition = _ref.labelPosition,
-      accessibilityLabel = _ref.accessibilityLabel,
-      _ref$contrast = _ref.contrast,
-      contrast = _ref$contrast === void 0 ? 'low' : _ref$contrast,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'medium' : _ref$size;
-  return /*#__PURE__*/jsx(BaseSpinner, {
-    label: label,
-    labelPosition: labelPosition,
-    accessibilityLabel: (_ref2 = accessibilityLabel !== null && accessibilityLabel !== void 0 ? accessibilityLabel : label) !== null && _ref2 !== void 0 ? _ref2 : 'Loading',
-    contrast: contrast,
-    size: size
-  });
-};
-
 function ownKeys(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(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }