@razorpay/blade 5.0.1 → 5.1.1

package/build/components/index.web.js

@@ -4967,6 +4967,32 @@ var ExternalLinkIcon = function ExternalLinkIcon(_ref) {
   });
 };
 
+var MailIcon = function MailIcon(_ref) {
+  var size = _ref.size,
+      color = _ref.color;
+
+  var _useIconProps = useIconProps({
+    size: size,
+    color: color
+  }),
+      height = _useIconProps.height,
+      width = _useIconProps.width,
+      iconColor = _useIconProps.iconColor;
+
+  return /*#__PURE__*/jsx(Svg, {
+    width: width,
+    height: height,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    children: /*#__PURE__*/jsx(Path, {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M23 6.01769V18C23 19.6523 21.6523 21 20 21H4C2.34772 21 1 19.6523 1 18V6C1 4.34772 2.34772 3 4 3H20C21.6443 3 22.987 4.33473 22.9999 5.97608C23.0002 5.98996 23.0003 6.00383 23 6.01769ZM3.10659 5.55392C3.27198 5.22691 3.61205 5 4 5H20C20.388 5 20.7281 5.22695 20.8935 5.55401L12.0001 11.7794L3.10659 5.55392ZM3 7.92062V18C3 18.5477 3.45228 19 4 19H20C20.5477 19 21 18.5477 21 18V7.92074L12.5735 13.8193C12.2292 14.0603 11.7709 14.0603 11.4266 13.8193L3 7.92062Z",
+      fill: iconColor
+    })
+  });
+};
+
 function ownKeys$v(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$v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$v(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -5726,10 +5752,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 +5893,9 @@ function destroyAnnouncer() {
 }
 
 var dimensions = {
-  small: 16,
-  medium: 20,
-  large: 24
+  medium: 16,
+  large: 20,
+  xlarge: 24
 };
 var motion = {
   duration: 'duration.2xgentle',
@@ -5904,7 +5930,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 +9129,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 +9263,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 +10702,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; }
@@ -10723,5 +10747,5 @@ var SkipNavContent = function SkipNavContent(_ref3) {
   }, testID('skipnav-content')));
 };
 
-export { Alert, AlertTriangleIcon as AlertOctagonIcon, AlertTriangleIcon$1 as AlertTriangleIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, Badge, BladeProvider, Button, CheckCircleIcon, CheckIcon, Checkbox, CheckboxGroup, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, Code, Counter, CreditCardIcon, DollarIcon, DownloadIcon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileTextIcon, Heading, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, Indicator, InfoIcon, Link, LinkIcon, LockIcon, MinusIcon, OTPInput, PasswordInput, PauseIcon, PlusIcon, Radio, RadioGroup, RefreshLeftIcon, RotateCounterClockWiseIcon, RupeeIcon, SearchIcon, SettingsIcon, SkipNavContent, SkipNavLink, SlashIcon, Spinner, Text, TextArea, TextInput, Title, TrashIcon, TrendingDownIcon, TrendingUpIcon, UsersIcon, VisuallyHidden, announce, clearAnnouncer, destroyAnnouncer, getTextProps, screenReaderStyles, useTheme };
+export { Alert, AlertTriangleIcon as AlertOctagonIcon, AlertTriangleIcon$1 as AlertTriangleIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, Badge, BladeProvider, Button, CheckCircleIcon, CheckIcon, Checkbox, CheckboxGroup, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, Code, Counter, CreditCardIcon, DollarIcon, DownloadIcon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileTextIcon, Heading, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, Indicator, InfoIcon, Link, LinkIcon, LockIcon, MailIcon, MinusIcon, OTPInput, PasswordInput, PauseIcon, PlusIcon, Radio, RadioGroup, RefreshLeftIcon, RotateCounterClockWiseIcon, RupeeIcon, SearchIcon, SettingsIcon, SkipNavContent, SkipNavLink, SlashIcon, Spinner, Text, TextArea, TextInput, Title, TrashIcon, TrendingDownIcon, TrendingUpIcon, UsersIcon, VisuallyHidden, announce, clearAnnouncer, destroyAnnouncer, getTextProps, screenReaderStyles, useTheme };
 //# sourceMappingURL=index.web.js.map