@razorpay/blade 3.3.0 → 3.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/build/components/index.d.ts +7 -1
- package/build/components/index.native.d.ts +7 -1
- package/build/components/index.native.js +2 -2
- package/build/components/index.native.js.map +1 -1
- package/build/components/index.web.js +14 -7
- package/build/components/index.web.js.map +1 -1
- package/build/css/bankingThemeDarkDesktop.css +1 -1
- package/build/css/bankingThemeDarkMobile.css +1 -1
- package/build/css/bankingThemeLightDesktop.css +1 -1
- package/build/css/bankingThemeLightMobile.css +1 -1
- package/build/css/paymentThemeDarkDesktop.css +1 -1
- package/build/css/paymentThemeDarkMobile.css +1 -1
- package/build/css/paymentThemeLightDesktop.css +1 -1
- package/build/css/paymentThemeLightMobile.css +1 -1
- package/package.json +1 -1
|
@@ -6335,7 +6335,7 @@ var getProps = function getProps(_ref2) {
|
|
|
6335
6335
|
contrast = _ref2.contrast,
|
|
6336
6336
|
isVisited = _ref2.isVisited,
|
|
6337
6337
|
target = _ref2.target,
|
|
6338
|
-
|
|
6338
|
+
size = _ref2.size;
|
|
6339
6339
|
var isButton = variant === 'button';
|
|
6340
6340
|
var props = {
|
|
6341
6341
|
as: isButton ? 'button' : 'a',
|
|
@@ -6349,7 +6349,8 @@ var getProps = function getProps(_ref2) {
|
|
|
6349
6349
|
isDisabled: isDisabled,
|
|
6350
6350
|
isVisited: isVisited
|
|
6351
6351
|
}),
|
|
6352
|
-
|
|
6352
|
+
fontSize: size === 'medium' ? 100 : 75,
|
|
6353
|
+
iconSize: size,
|
|
6353
6354
|
iconPadding: children !== null && children !== void 0 && _trimInstanceProperty(children).call(children) ? 'spacing.2' : 'spacing.0',
|
|
6354
6355
|
textColor: getColorToken({
|
|
6355
6356
|
variant: variant,
|
|
@@ -6390,7 +6391,9 @@ var BaseLink = function BaseLink(_ref3) {
|
|
|
6390
6391
|
contrast = _ref3$contrast === void 0 ? 'low' : _ref3$contrast,
|
|
6391
6392
|
accessibilityLabel = _ref3.accessibilityLabel,
|
|
6392
6393
|
className = _ref3.className,
|
|
6393
|
-
style = _ref3.style
|
|
6394
|
+
style = _ref3.style,
|
|
6395
|
+
_ref3$size = _ref3.size,
|
|
6396
|
+
size = _ref3$size === void 0 ? 'medium' : _ref3$size;
|
|
6394
6397
|
|
|
6395
6398
|
var _useState = useState(false),
|
|
6396
6399
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -6419,13 +6422,14 @@ var BaseLink = function BaseLink(_ref3) {
|
|
|
6419
6422
|
contrast: contrast,
|
|
6420
6423
|
isVisited: isVisited,
|
|
6421
6424
|
target: target,
|
|
6422
|
-
|
|
6425
|
+
size: size
|
|
6423
6426
|
}),
|
|
6424
6427
|
as = _getProps.as,
|
|
6425
6428
|
textDecorationLine = _getProps.textDecorationLine,
|
|
6426
6429
|
iconColor = _getProps.iconColor,
|
|
6427
6430
|
iconPadding = _getProps.iconPadding,
|
|
6428
6431
|
iconSize = _getProps.iconSize,
|
|
6432
|
+
fontSize = _getProps.fontSize,
|
|
6429
6433
|
textColor = _getProps.textColor,
|
|
6430
6434
|
focusRingColor = _getProps.focusRingColor,
|
|
6431
6435
|
motionDuration = _getProps.motionDuration,
|
|
@@ -6485,7 +6489,7 @@ var BaseLink = function BaseLink(_ref3) {
|
|
|
6485
6489
|
}) : null, /*#__PURE__*/jsx(BaseText, {
|
|
6486
6490
|
textDecorationLine: textDecorationLine,
|
|
6487
6491
|
color: textColor,
|
|
6488
|
-
fontSize:
|
|
6492
|
+
fontSize: fontSize,
|
|
6489
6493
|
textAlign: "center",
|
|
6490
6494
|
fontWeight: "bold",
|
|
6491
6495
|
children: children
|
|
@@ -9545,7 +9549,9 @@ var Link = function Link(_ref) {
|
|
|
9545
9549
|
href = _ref.href,
|
|
9546
9550
|
target = _ref.target,
|
|
9547
9551
|
rel = _ref.rel,
|
|
9548
|
-
accessibilityLabel = _ref.accessibilityLabel
|
|
9552
|
+
accessibilityLabel = _ref.accessibilityLabel,
|
|
9553
|
+
_ref$size = _ref.size,
|
|
9554
|
+
size = _ref$size === void 0 ? 'medium' : _ref$size;
|
|
9549
9555
|
return /*#__PURE__*/jsx(BaseLink, _objectSpread$3(_objectSpread$3(_objectSpread$3({}, icon ? {
|
|
9550
9556
|
icon: icon,
|
|
9551
9557
|
children: children
|
|
@@ -9562,7 +9568,8 @@ var Link = function Link(_ref) {
|
|
|
9562
9568
|
}), {}, {
|
|
9563
9569
|
iconPosition: iconPosition,
|
|
9564
9570
|
onClick: onClick,
|
|
9565
|
-
accessibilityLabel: accessibilityLabel
|
|
9571
|
+
accessibilityLabel: accessibilityLabel,
|
|
9572
|
+
size: size
|
|
9566
9573
|
}));
|
|
9567
9574
|
};
|
|
9568
9575
|
|