@razorpay/blade 3.3.0 → 3.4.1

package/build/components/index.web.js

@@ -4426,6 +4426,33 @@ var InfoIcon = function InfoIcon(_ref) {
   });
 };
 
+var LinkIcon = function LinkIcon(_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__*/jsxs(Svg, {
+    height: height,
+    width: width,
+    viewBox: "0 0 22 22",
+    fill: "none",
+    children: [/*#__PURE__*/jsx(Path, {
+      d: "M20.1863 1.82377C17.8719 -0.490636 14.1296 -0.523155 11.7753 1.75068L11.765 1.7608L10.045 3.4708C9.65336 3.86019 9.65151 4.49335 10.0409 4.88501C10.4303 5.27667 11.0634 5.27852 11.4551 4.88913L13.1697 3.18451C14.7395 1.67341 17.2307 1.69666 18.772 3.23798C20.313 4.77898 20.3366 7.26948 18.8265 8.83934L15.833 11.8329C15.0124 12.6537 13.8758 13.0778 12.7181 12.9949C11.5605 12.9119 10.496 12.3303 9.80083 11.401C9.47002 10.9587 8.84333 10.8684 8.40108 11.1992C7.95883 11.53 7.86849 12.1567 8.1993 12.5989C9.24204 13.993 10.8388 14.8654 12.5753 14.9897C14.3117 15.1141 16.0165 14.4782 17.2473 13.2469L20.2472 10.2471L20.2593 10.2347C22.5332 7.8804 22.5007 4.13817 20.1863 1.82377Z",
+      fill: iconColor
+    }), /*#__PURE__*/jsx(Path, {
+      d: "M9.42474 7.01016C7.68837 6.8858 5.9836 7.52171 4.75285 8.75283L1.75285 11.7528L1.74067 11.7652C-0.533165 14.1195 -0.500646 17.8617 1.81376 20.1761C4.12816 22.4905 7.8704 22.5231 10.2247 20.2492L10.2371 20.237L11.9471 18.527C12.3376 18.1365 12.3376 17.5034 11.9471 17.1128C11.5565 16.7223 10.9234 16.7223 10.5329 17.1128L8.82933 18.8164C7.25947 20.3265 4.76897 20.3029 3.22797 18.7619C1.68697 17.2209 1.66341 14.7304 3.17354 13.1606L6.16719 10.1669C6.9877 9.34611 8.12425 8.92214 9.28187 9.00505C10.4395 9.08796 11.504 9.66956 12.1992 10.5989C12.53 11.0412 13.1567 11.1315 13.5989 10.8007C14.0412 10.4699 14.1315 9.84321 13.8007 9.40096C12.758 8.00693 11.1612 7.13452 9.42474 7.01016Z",
+      fill: iconColor
+    })]
+  });
+};
+
 var PauseIcon = function PauseIcon(_ref) {
   var size = _ref.size,
       color = _ref.color;
@@ -6335,7 +6362,7 @@ var getProps = function getProps(_ref2) {
       contrast = _ref2.contrast,
       isVisited = _ref2.isVisited,
       target = _ref2.target,
-      hasIcon = _ref2.hasIcon;
+      size = _ref2.size;
   var isButton = variant === 'button';
   var props = {
     as: isButton ? 'button' : 'a',
@@ -6349,7 +6376,8 @@ var getProps = function getProps(_ref2) {
       isDisabled: isDisabled,
       isVisited: isVisited
     }),
-    iconSize: hasIcon && (!children || (children === null || children === void 0 ? void 0 : _trimInstanceProperty(children).call(children).length) === 0) ? 'medium' : 'small',
+    fontSize: size === 'medium' ? 100 : 75,
+    iconSize: size,
     iconPadding: children !== null && children !== void 0 && _trimInstanceProperty(children).call(children) ? 'spacing.2' : 'spacing.0',
     textColor: getColorToken({
       variant: variant,
@@ -6390,7 +6418,9 @@ var BaseLink = function BaseLink(_ref3) {
       contrast = _ref3$contrast === void 0 ? 'low' : _ref3$contrast,
       accessibilityLabel = _ref3.accessibilityLabel,
       className = _ref3.className,
-      style = _ref3.style;
+      style = _ref3.style,
+      _ref3$size = _ref3.size,
+      size = _ref3$size === void 0 ? 'medium' : _ref3$size;
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -6419,13 +6449,14 @@ var BaseLink = function BaseLink(_ref3) {
     contrast: contrast,
     isVisited: isVisited,
     target: target,
-    hasIcon: Boolean(Icon)
+    size: size
   }),
       as = _getProps.as,
       textDecorationLine = _getProps.textDecorationLine,
       iconColor = _getProps.iconColor,
       iconPadding = _getProps.iconPadding,
       iconSize = _getProps.iconSize,
+      fontSize = _getProps.fontSize,
       textColor = _getProps.textColor,
       focusRingColor = _getProps.focusRingColor,
       motionDuration = _getProps.motionDuration,
@@ -6485,7 +6516,7 @@ var BaseLink = function BaseLink(_ref3) {
       }) : null, /*#__PURE__*/jsx(BaseText, {
         textDecorationLine: textDecorationLine,
         color: textColor,
-        fontSize: 100,
+        fontSize: fontSize,
         textAlign: "center",
         fontWeight: "bold",
         children: children
@@ -9545,7 +9576,9 @@ var Link = function Link(_ref) {
       href = _ref.href,
       target = _ref.target,
       rel = _ref.rel,
-      accessibilityLabel = _ref.accessibilityLabel;
+      accessibilityLabel = _ref.accessibilityLabel,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'medium' : _ref$size;
   return /*#__PURE__*/jsx(BaseLink, _objectSpread$3(_objectSpread$3(_objectSpread$3({}, icon ? {
     icon: icon,
     children: children
@@ -9562,7 +9595,8 @@ var Link = function Link(_ref) {
   }), {}, {
     iconPosition: iconPosition,
     onClick: onClick,
-    accessibilityLabel: accessibilityLabel
+    accessibilityLabel: accessibilityLabel,
+    size: size
   }));
 };
 
@@ -10254,5 +10288,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, CreditCardIcon, DollarIcon, DownloadIcon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, Heading, HelpCircleIcon, HistoryIcon, HomeIcon, InfoIcon, Link, MinusIcon, OTPInput, PasswordInput, PauseIcon, PlusIcon, Radio, RadioGroup, RefreshLeftIcon, RotateCounterClockWiseIcon, RupeeIcon, SearchIcon, SkipNavContent, SkipNavLink, Spinner, Text, TextArea, TextInput, Title, TrashIcon, TrendingDownIcon, TrendingUpIcon, 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, CreditCardIcon, DollarIcon, DownloadIcon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, Heading, HelpCircleIcon, HistoryIcon, HomeIcon, InfoIcon, Link, LinkIcon, MinusIcon, OTPInput, PasswordInput, PauseIcon, PlusIcon, Radio, RadioGroup, RefreshLeftIcon, RotateCounterClockWiseIcon, RupeeIcon, SearchIcon, SkipNavContent, SkipNavLink, Spinner, Text, TextArea, TextInput, Title, TrashIcon, TrendingDownIcon, TrendingUpIcon, VisuallyHidden, announce, clearAnnouncer, destroyAnnouncer, getTextProps, screenReaderStyles, useTheme };
 //# sourceMappingURL=index.web.js.map