@razorpay/blade 9.5.3 → 9.6.1
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/build/components/index.d.ts +386 -2
- package/build/components/index.development.web.js +396 -21
- package/build/components/index.development.web.js.map +1 -1
- package/build/components/index.native.d.ts +386 -2
- package/build/components/index.native.js +3 -3
- package/build/components/index.native.js.map +1 -1
- package/build/components/index.production.web.js +396 -21
- package/build/components/index.production.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
|
@@ -6326,7 +6326,390 @@ declare const VisuallyHidden: ({ children, testID }: VisuallyHiddenProps) => Rea
|
|
|
6326
6326
|
*/
|
|
6327
6327
|
declare const screenReaderStyles: CSSObject;
|
|
6328
6328
|
|
|
6329
|
-
declare
|
|
6329
|
+
declare const currencyPrefixMapping: {
|
|
6330
|
+
AED: {
|
|
6331
|
+
'currency-symbol': string;
|
|
6332
|
+
'currency-code': string;
|
|
6333
|
+
};
|
|
6334
|
+
ALL: {
|
|
6335
|
+
'currency-symbol': string;
|
|
6336
|
+
'currency-code': string;
|
|
6337
|
+
};
|
|
6338
|
+
AMD: {
|
|
6339
|
+
'currency-symbol': string;
|
|
6340
|
+
'currency-code': string;
|
|
6341
|
+
};
|
|
6342
|
+
ARS: {
|
|
6343
|
+
'currency-symbol': string;
|
|
6344
|
+
'currency-code': string;
|
|
6345
|
+
};
|
|
6346
|
+
AUD: {
|
|
6347
|
+
'currency-symbol': string;
|
|
6348
|
+
'currency-code': string;
|
|
6349
|
+
};
|
|
6350
|
+
AWG: {
|
|
6351
|
+
'currency-symbol': string;
|
|
6352
|
+
'currency-code': string;
|
|
6353
|
+
};
|
|
6354
|
+
BBD: {
|
|
6355
|
+
'currency-symbol': string;
|
|
6356
|
+
'currency-code': string;
|
|
6357
|
+
};
|
|
6358
|
+
BDT: {
|
|
6359
|
+
'currency-symbol': string;
|
|
6360
|
+
'currency-code': string;
|
|
6361
|
+
};
|
|
6362
|
+
BMD: {
|
|
6363
|
+
'currency-symbol': string;
|
|
6364
|
+
'currency-code': string;
|
|
6365
|
+
};
|
|
6366
|
+
BND: {
|
|
6367
|
+
'currency-symbol': string;
|
|
6368
|
+
'currency-code': string;
|
|
6369
|
+
};
|
|
6370
|
+
BOB: {
|
|
6371
|
+
'currency-symbol': string;
|
|
6372
|
+
'currency-code': string;
|
|
6373
|
+
};
|
|
6374
|
+
BSD: {
|
|
6375
|
+
'currency-symbol': string;
|
|
6376
|
+
'currency-code': string;
|
|
6377
|
+
};
|
|
6378
|
+
BWP: {
|
|
6379
|
+
'currency-symbol': string;
|
|
6380
|
+
'currency-code': string;
|
|
6381
|
+
};
|
|
6382
|
+
BZD: {
|
|
6383
|
+
'currency-symbol': string;
|
|
6384
|
+
'currency-code': string;
|
|
6385
|
+
};
|
|
6386
|
+
CAD: {
|
|
6387
|
+
'currency-symbol': string;
|
|
6388
|
+
'currency-code': string;
|
|
6389
|
+
};
|
|
6390
|
+
CHF: {
|
|
6391
|
+
'currency-symbol': string;
|
|
6392
|
+
'currency-code': string;
|
|
6393
|
+
};
|
|
6394
|
+
CNY: {
|
|
6395
|
+
'currency-symbol': string;
|
|
6396
|
+
'currency-code': string;
|
|
6397
|
+
};
|
|
6398
|
+
COP: {
|
|
6399
|
+
'currency-symbol': string;
|
|
6400
|
+
'currency-code': string;
|
|
6401
|
+
};
|
|
6402
|
+
CRC: {
|
|
6403
|
+
'currency-symbol': string;
|
|
6404
|
+
'currency-code': string;
|
|
6405
|
+
};
|
|
6406
|
+
CUP: {
|
|
6407
|
+
'currency-symbol': string;
|
|
6408
|
+
'currency-code': string;
|
|
6409
|
+
};
|
|
6410
|
+
CZK: {
|
|
6411
|
+
'currency-symbol': string;
|
|
6412
|
+
'currency-code': string;
|
|
6413
|
+
};
|
|
6414
|
+
DKK: {
|
|
6415
|
+
'currency-symbol': string;
|
|
6416
|
+
'currency-code': string;
|
|
6417
|
+
};
|
|
6418
|
+
DOP: {
|
|
6419
|
+
'currency-symbol': string;
|
|
6420
|
+
'currency-code': string;
|
|
6421
|
+
};
|
|
6422
|
+
DZD: {
|
|
6423
|
+
'currency-symbol': string;
|
|
6424
|
+
'currency-code': string;
|
|
6425
|
+
};
|
|
6426
|
+
EGP: {
|
|
6427
|
+
'currency-symbol': string;
|
|
6428
|
+
'currency-code': string;
|
|
6429
|
+
};
|
|
6430
|
+
ETB: {
|
|
6431
|
+
'currency-symbol': string;
|
|
6432
|
+
'currency-code': string;
|
|
6433
|
+
};
|
|
6434
|
+
EUR: {
|
|
6435
|
+
'currency-symbol': string;
|
|
6436
|
+
'currency-code': string;
|
|
6437
|
+
};
|
|
6438
|
+
FJD: {
|
|
6439
|
+
'currency-symbol': string;
|
|
6440
|
+
'currency-code': string;
|
|
6441
|
+
};
|
|
6442
|
+
GBP: {
|
|
6443
|
+
'currency-symbol': string;
|
|
6444
|
+
'currency-code': string;
|
|
6445
|
+
};
|
|
6446
|
+
GHS: {
|
|
6447
|
+
'currency-symbol': string;
|
|
6448
|
+
'currency-code': string;
|
|
6449
|
+
};
|
|
6450
|
+
GIP: {
|
|
6451
|
+
'currency-symbol': string;
|
|
6452
|
+
'currency-code': string;
|
|
6453
|
+
};
|
|
6454
|
+
GMD: {
|
|
6455
|
+
'currency-symbol': string;
|
|
6456
|
+
'currency-code': string;
|
|
6457
|
+
};
|
|
6458
|
+
GTQ: {
|
|
6459
|
+
'currency-symbol': string;
|
|
6460
|
+
'currency-code': string;
|
|
6461
|
+
};
|
|
6462
|
+
GYD: {
|
|
6463
|
+
'currency-symbol': string;
|
|
6464
|
+
'currency-code': string;
|
|
6465
|
+
};
|
|
6466
|
+
HKD: {
|
|
6467
|
+
'currency-symbol': string;
|
|
6468
|
+
'currency-code': string;
|
|
6469
|
+
};
|
|
6470
|
+
HNL: {
|
|
6471
|
+
'currency-symbol': string;
|
|
6472
|
+
'currency-code': string;
|
|
6473
|
+
};
|
|
6474
|
+
HRK: {
|
|
6475
|
+
'currency-symbol': string;
|
|
6476
|
+
'currency-code': string;
|
|
6477
|
+
};
|
|
6478
|
+
HTG: {
|
|
6479
|
+
'currency-symbol': string;
|
|
6480
|
+
'currency-code': string;
|
|
6481
|
+
};
|
|
6482
|
+
HUF: {
|
|
6483
|
+
'currency-symbol': string;
|
|
6484
|
+
'currency-code': string;
|
|
6485
|
+
};
|
|
6486
|
+
IDR: {
|
|
6487
|
+
'currency-symbol': string;
|
|
6488
|
+
'currency-code': string;
|
|
6489
|
+
};
|
|
6490
|
+
ILS: {
|
|
6491
|
+
'currency-symbol': string;
|
|
6492
|
+
'currency-code': string;
|
|
6493
|
+
};
|
|
6494
|
+
INR: {
|
|
6495
|
+
'currency-symbol': string;
|
|
6496
|
+
'currency-code': string;
|
|
6497
|
+
};
|
|
6498
|
+
JMD: {
|
|
6499
|
+
'currency-symbol': string;
|
|
6500
|
+
'currency-code': string;
|
|
6501
|
+
};
|
|
6502
|
+
KES: {
|
|
6503
|
+
'currency-symbol': string;
|
|
6504
|
+
'currency-code': string;
|
|
6505
|
+
};
|
|
6506
|
+
KGS: {
|
|
6507
|
+
'currency-symbol': string;
|
|
6508
|
+
'currency-code': string;
|
|
6509
|
+
};
|
|
6510
|
+
KHR: {
|
|
6511
|
+
'currency-symbol': string;
|
|
6512
|
+
'currency-code': string;
|
|
6513
|
+
};
|
|
6514
|
+
KYD: {
|
|
6515
|
+
'currency-symbol': string;
|
|
6516
|
+
'currency-code': string;
|
|
6517
|
+
};
|
|
6518
|
+
KZT: {
|
|
6519
|
+
'currency-symbol': string;
|
|
6520
|
+
'currency-code': string;
|
|
6521
|
+
};
|
|
6522
|
+
LAK: {
|
|
6523
|
+
'currency-symbol': string;
|
|
6524
|
+
'currency-code': string;
|
|
6525
|
+
};
|
|
6526
|
+
LKR: {
|
|
6527
|
+
'currency-symbol': string;
|
|
6528
|
+
'currency-code': string;
|
|
6529
|
+
};
|
|
6530
|
+
LRD: {
|
|
6531
|
+
'currency-symbol': string;
|
|
6532
|
+
'currency-code': string;
|
|
6533
|
+
};
|
|
6534
|
+
LSL: {
|
|
6535
|
+
'currency-symbol': string;
|
|
6536
|
+
'currency-code': string;
|
|
6537
|
+
};
|
|
6538
|
+
MAD: {
|
|
6539
|
+
'currency-symbol': string;
|
|
6540
|
+
'currency-code': string;
|
|
6541
|
+
};
|
|
6542
|
+
MDL: {
|
|
6543
|
+
'currency-symbol': string;
|
|
6544
|
+
'currency-code': string;
|
|
6545
|
+
};
|
|
6546
|
+
MKD: {
|
|
6547
|
+
'currency-symbol': string;
|
|
6548
|
+
'currency-code': string;
|
|
6549
|
+
};
|
|
6550
|
+
MMK: {
|
|
6551
|
+
'currency-symbol': string;
|
|
6552
|
+
'currency-code': string;
|
|
6553
|
+
};
|
|
6554
|
+
MNT: {
|
|
6555
|
+
'currency-symbol': string;
|
|
6556
|
+
'currency-code': string;
|
|
6557
|
+
};
|
|
6558
|
+
MOP: {
|
|
6559
|
+
'currency-symbol': string;
|
|
6560
|
+
'currency-code': string;
|
|
6561
|
+
};
|
|
6562
|
+
MUR: {
|
|
6563
|
+
'currency-symbol': string;
|
|
6564
|
+
'currency-code': string;
|
|
6565
|
+
};
|
|
6566
|
+
MVR: {
|
|
6567
|
+
'currency-symbol': string;
|
|
6568
|
+
'currency-code': string;
|
|
6569
|
+
};
|
|
6570
|
+
MWK: {
|
|
6571
|
+
'currency-symbol': string;
|
|
6572
|
+
'currency-code': string;
|
|
6573
|
+
};
|
|
6574
|
+
MXN: {
|
|
6575
|
+
'currency-symbol': string;
|
|
6576
|
+
'currency-code': string;
|
|
6577
|
+
};
|
|
6578
|
+
MYR: {
|
|
6579
|
+
'currency-symbol': string;
|
|
6580
|
+
'currency-code': string;
|
|
6581
|
+
};
|
|
6582
|
+
NAD: {
|
|
6583
|
+
'currency-symbol': string;
|
|
6584
|
+
'currency-code': string;
|
|
6585
|
+
};
|
|
6586
|
+
NGN: {
|
|
6587
|
+
'currency-symbol': string;
|
|
6588
|
+
'currency-code': string;
|
|
6589
|
+
};
|
|
6590
|
+
NIO: {
|
|
6591
|
+
'currency-symbol': string;
|
|
6592
|
+
'currency-code': string;
|
|
6593
|
+
};
|
|
6594
|
+
NOK: {
|
|
6595
|
+
'currency-symbol': string;
|
|
6596
|
+
'currency-code': string;
|
|
6597
|
+
};
|
|
6598
|
+
NPR: {
|
|
6599
|
+
'currency-symbol': string;
|
|
6600
|
+
'currency-code': string;
|
|
6601
|
+
};
|
|
6602
|
+
NZD: {
|
|
6603
|
+
'currency-symbol': string;
|
|
6604
|
+
'currency-code': string;
|
|
6605
|
+
};
|
|
6606
|
+
PEN: {
|
|
6607
|
+
'currency-symbol': string;
|
|
6608
|
+
'currency-code': string;
|
|
6609
|
+
};
|
|
6610
|
+
PGK: {
|
|
6611
|
+
'currency-symbol': string;
|
|
6612
|
+
'currency-code': string;
|
|
6613
|
+
};
|
|
6614
|
+
PHP: {
|
|
6615
|
+
'currency-symbol': string;
|
|
6616
|
+
'currency-code': string;
|
|
6617
|
+
};
|
|
6618
|
+
PKR: {
|
|
6619
|
+
'currency-symbol': string;
|
|
6620
|
+
'currency-code': string;
|
|
6621
|
+
};
|
|
6622
|
+
QAR: {
|
|
6623
|
+
'currency-symbol': string;
|
|
6624
|
+
'currency-code': string;
|
|
6625
|
+
};
|
|
6626
|
+
RUB: {
|
|
6627
|
+
'currency-symbol': string;
|
|
6628
|
+
'currency-code': string;
|
|
6629
|
+
};
|
|
6630
|
+
SAR: {
|
|
6631
|
+
'currency-symbol': string;
|
|
6632
|
+
'currency-code': string;
|
|
6633
|
+
};
|
|
6634
|
+
SCR: {
|
|
6635
|
+
'currency-symbol': string;
|
|
6636
|
+
'currency-code': string;
|
|
6637
|
+
};
|
|
6638
|
+
SEK: {
|
|
6639
|
+
'currency-symbol': string;
|
|
6640
|
+
'currency-code': string;
|
|
6641
|
+
};
|
|
6642
|
+
SGD: {
|
|
6643
|
+
'currency-symbol': string;
|
|
6644
|
+
'currency-code': string;
|
|
6645
|
+
};
|
|
6646
|
+
SLL: {
|
|
6647
|
+
'currency-symbol': string;
|
|
6648
|
+
'currency-code': string;
|
|
6649
|
+
};
|
|
6650
|
+
SOS: {
|
|
6651
|
+
'currency-symbol': string;
|
|
6652
|
+
'currency-code': string;
|
|
6653
|
+
};
|
|
6654
|
+
SSP: {
|
|
6655
|
+
'currency-symbol': string;
|
|
6656
|
+
'currency-code': string;
|
|
6657
|
+
};
|
|
6658
|
+
SVC: {
|
|
6659
|
+
'currency-symbol': string;
|
|
6660
|
+
'currency-code': string;
|
|
6661
|
+
};
|
|
6662
|
+
SZL: {
|
|
6663
|
+
'currency-symbol': string;
|
|
6664
|
+
'currency-code': string;
|
|
6665
|
+
};
|
|
6666
|
+
THB: {
|
|
6667
|
+
'currency-symbol': string;
|
|
6668
|
+
'currency-code': string;
|
|
6669
|
+
};
|
|
6670
|
+
TTD: {
|
|
6671
|
+
'currency-symbol': string;
|
|
6672
|
+
'currency-code': string;
|
|
6673
|
+
};
|
|
6674
|
+
TZS: {
|
|
6675
|
+
'currency-symbol': string;
|
|
6676
|
+
'currency-code': string;
|
|
6677
|
+
};
|
|
6678
|
+
USD: {
|
|
6679
|
+
'currency-symbol': string;
|
|
6680
|
+
'currency-code': string;
|
|
6681
|
+
};
|
|
6682
|
+
UYU: {
|
|
6683
|
+
'currency-symbol': string;
|
|
6684
|
+
'currency-code': string;
|
|
6685
|
+
};
|
|
6686
|
+
UZS: {
|
|
6687
|
+
'currency-symbol': string;
|
|
6688
|
+
'currency-code': string;
|
|
6689
|
+
};
|
|
6690
|
+
YER: {
|
|
6691
|
+
'currency-symbol': string;
|
|
6692
|
+
'currency-code': string;
|
|
6693
|
+
};
|
|
6694
|
+
ZAR: {
|
|
6695
|
+
'currency-symbol': string;
|
|
6696
|
+
'currency-code': string;
|
|
6697
|
+
};
|
|
6698
|
+
KWD: {
|
|
6699
|
+
'currency-symbol': string;
|
|
6700
|
+
'currency-code': string;
|
|
6701
|
+
};
|
|
6702
|
+
BHD: {
|
|
6703
|
+
'currency-symbol': string;
|
|
6704
|
+
'currency-code': string;
|
|
6705
|
+
};
|
|
6706
|
+
OMR: {
|
|
6707
|
+
'currency-symbol': string;
|
|
6708
|
+
'currency-code': string;
|
|
6709
|
+
};
|
|
6710
|
+
};
|
|
6711
|
+
declare type Currency = keyof typeof currencyPrefixMapping;
|
|
6712
|
+
|
|
6330
6713
|
declare type AmountProps = {
|
|
6331
6714
|
/**
|
|
6332
6715
|
* The value to be rendered within the component.
|
|
@@ -6364,7 +6747,8 @@ declare type AmountProps = {
|
|
|
6364
6747
|
*/
|
|
6365
6748
|
prefix?: 'currency-symbol' | 'currency-code';
|
|
6366
6749
|
/**
|
|
6367
|
-
* The currency of the amount.
|
|
6750
|
+
* The currency of the amount. Note that this component
|
|
6751
|
+
* only displays the provided value in the specified currency, it does not perform any currency conversion.
|
|
6368
6752
|
*
|
|
6369
6753
|
* @default 'INR'
|
|
6370
6754
|
* */
|
|
@@ -3060,7 +3060,7 @@ var getTrackStyles=function getTrackStyles(_ref){var isChecked=_ref.isChecked,is
|
|
|
3060
3060
|
|
|
3061
3061
|
var _excluded$8=["children","isChecked"];var StyledSwitchTrack=styled(Animated.View)(function(_ref){var theme=_ref.theme,size=_ref.size,deviceType=_ref.deviceType,isDisabled=_ref.isDisabled,isChecked=_ref.isChecked;return _extends({},getTrackStyles({theme:theme,size:size,deviceType:deviceType,isDisabled:isDisabled,isChecked:isChecked}));});var SwitchTrack=function SwitchTrack(_ref2){var children=_ref2.children,isChecked=_ref2.isChecked,props=_objectWithoutProperties(_ref2,_excluded$8);var _useTheme=useTheme(),theme=_useTheme.theme;var sharedColor=useSharedValue(isChecked?1:0);var easing=get_1(theme,switchMotion.easing.track);var duration=get_1(theme,switchMotion.duration.track);var checkedColor=get_1(theme,switchColors.track.default.background.checked);var uncheckedColor=get_1(theme,switchColors.track.default.background.unchecked);React__default.useEffect(function(){sharedColor.value=withTiming(isChecked?1:0,{duration:duration,easing:easing});},[isChecked]);var colorStyle=useAnimatedStyle(function(){var _f=function _f(){return {backgroundColor:interpolateColor(sharedColor.value,[0,1],[uncheckedColor,checkedColor])};};_f._closure={interpolateColor:interpolateColor,sharedColor:sharedColor,uncheckedColor:uncheckedColor,checkedColor:checkedColor};_f.asString="function _f(){const{interpolateColor,sharedColor,uncheckedColor,checkedColor}=jsThis._closure;{return{backgroundColor:interpolateColor(sharedColor.value,[0,1],[uncheckedColor,checkedColor])};}}";_f.__workletHash=17154787628336;_f.__location="/home/runner/work/blade/blade/packages/blade/src/components/Switch/SwitchTrack.native.tsx (44:38)";_f.__optimalization=2;return _f;}(),[]);return jsx(StyledSwitchTrack,_extends({isChecked:isChecked},props,{style:colorStyle,children:children}));};
|
|
3062
3062
|
|
|
3063
|
-
var _excluded$7=["defaultChecked","isChecked","isDisabled","name","onChange","size","value","accessibilityLabel","testID"];var _Switch=function _Switch(_ref,ref){var defaultChecked=_ref.defaultChecked,isChecked=_ref.isChecked,isDisabled=_ref.isDisabled,name=_ref.name,onChange=_ref.onChange,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,value=_ref.value,accessibilityLabel=_ref.accessibilityLabel,testID=_ref.testID,styledProps=_objectWithoutProperties(_ref,_excluded$7);var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isPressed=_React$useState2[0],setIsPressed=_React$useState2[1];var _useCheckbox=useCheckbox({role:'switch',defaultChecked:defaultChecked,isChecked:isChecked,isIndeterminate:false,hasError:false,hasHelperText:false,isDisabled:isDisabled,isRequired:false,name:name,value:value,onChange:onChange}),state=_useCheckbox.state,inputProps=_useCheckbox.inputProps;var handlePointerPressedIn=React__default.useCallback(function(){if(isDisabled)return;setIsPressed(true);},[isDisabled]);var handlePointerPressedOut=React__default.useCallback(function(){if(isDisabled)return;setIsPressed(false);},[isDisabled]);var handleKeyboardPressedIn=React__default.useCallback(function(e){if(isDisabled)return;if(e.key===' '){setIsPressed(true);}},[isDisabled]);var handleKeyboardPressedOut=React__default.useCallback(function(e){if(isDisabled)return;if(e.key===' '){setIsPressed(false);}},[isDisabled]);return jsx(BaseBox,_extends({},metaAttribute({testID:testID,name:MetaConstants.Switch}),{display:state.isReactNative?'flex':'inline-block'},getStyledProps(styledProps),{children:jsxs(SelectorLabel,{componentName:MetaConstants.SwitchLabel,onTouchStart:handlePointerPressedIn,onTouchEnd:handlePointerPressedOut,onMouseDown:handlePointerPressedIn,onMouseUp:handlePointerPressedOut,onMouseOut:handlePointerPressedOut,onKeyDown:handleKeyboardPressedIn,onKeyUp:handleKeyboardPressedOut,style:{cursor:'pointer'},inputProps:state.isReactNative?_extends({},inputProps,makeAccessible({label:accessibilityLabel})):{},children:[jsx(SelectorInput,{hoverTokens:switchHoverTokens,ref:ref,isChecked:state.isChecked,isDisabled:isDisabled,hasError:false,inputProps:inputProps,accessibilityLabel:accessibilityLabel}),jsx(SwitchTrack,_extends({size:size,deviceType:matchedDeviceType,isDisabled:Boolean(isDisabled),isChecked:state.isChecked},makeAccessible({hidden:true}),{children:jsx(Thumb,{size:size,deviceType:matchedDeviceType,isChecked:state.isChecked,children:jsx(AnimatedThumb,{isPressed:isPressed,isChecked:state.isChecked,isDisabled:isDisabled,size:size,children:jsx(ThumbIcon,{isChecked:state.isChecked,isDisabled:isDisabled,size:size})})})}))]})}));};var Switch=assignWithoutSideEffects(React__default.forwardRef(_Switch),{displayName:'Switch'});
|
|
3063
|
+
var _excluded$7=["defaultChecked","isChecked","isDisabled","name","onChange","size","value","accessibilityLabel","testID"];var _Switch=function _Switch(_ref,ref){var defaultChecked=_ref.defaultChecked,isChecked=_ref.isChecked,isDisabled=_ref.isDisabled,name=_ref.name,onChange=_ref.onChange,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,value=_ref.value,accessibilityLabel=_ref.accessibilityLabel,testID=_ref.testID,styledProps=_objectWithoutProperties(_ref,_excluded$7);var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isPressed=_React$useState2[0],setIsPressed=_React$useState2[1];var _useCheckbox=useCheckbox({role:'switch',defaultChecked:defaultChecked,isChecked:isChecked,isIndeterminate:false,hasError:false,hasHelperText:false,isDisabled:isDisabled,isRequired:false,name:name,value:value,onChange:onChange}),state=_useCheckbox.state,inputProps=_useCheckbox.inputProps;var handlePointerPressedIn=React__default.useCallback(function(){if(isDisabled)return;setIsPressed(true);},[isDisabled]);var handlePointerPressedOut=React__default.useCallback(function(){if(isDisabled)return;setIsPressed(false);},[isDisabled]);var handleKeyboardPressedIn=React__default.useCallback(function(e){if(isDisabled)return;if(e.key===' '){setIsPressed(true);}},[isDisabled]);var handleKeyboardPressedOut=React__default.useCallback(function(e){if(isDisabled)return;if(e.key===' '){setIsPressed(false);}},[isDisabled]);return jsx(BaseBox,_extends({},metaAttribute({testID:testID,name:MetaConstants.Switch}),{display:state.isReactNative?'flex':'inline-block'},getStyledProps(styledProps),{children:jsxs(SelectorLabel,{componentName:MetaConstants.SwitchLabel,onTouchStart:handlePointerPressedIn,onTouchEnd:handlePointerPressedOut,onMouseDown:handlePointerPressedIn,onMouseUp:handlePointerPressedOut,onMouseOut:handlePointerPressedOut,onKeyDown:handleKeyboardPressedIn,onKeyUp:handleKeyboardPressedOut,style:{cursor:isDisabled?'not-allowed':'pointer'},inputProps:state.isReactNative?_extends({},inputProps,makeAccessible({label:accessibilityLabel})):{},children:[jsx(SelectorInput,{hoverTokens:switchHoverTokens,ref:ref,isChecked:state.isChecked,isDisabled:isDisabled,hasError:false,inputProps:inputProps,accessibilityLabel:accessibilityLabel}),jsx(SwitchTrack,_extends({size:size,deviceType:matchedDeviceType,isDisabled:Boolean(isDisabled),isChecked:state.isChecked},makeAccessible({hidden:true}),{children:jsx(Thumb,{size:size,deviceType:matchedDeviceType,isChecked:state.isChecked,children:jsx(AnimatedThumb,{isPressed:isPressed,isChecked:state.isChecked,isDisabled:isDisabled,size:size,children:jsx(ThumbIcon,{isChecked:state.isChecked,isDisabled:isDisabled,size:size})})})}))]})}));};var Switch=assignWithoutSideEffects(React__default.forwardRef(_Switch),{displayName:'Switch'});
|
|
3064
3064
|
|
|
3065
3065
|
var _excluded$6=["size","icon","onDismiss","children","isDisabled","testID","_isTagFocussed"];var FocussableTag=styled(BaseBox)(function(props){if(props.isTagFocussed){return {outline:"1px solid "+props.theme.colors.surface.background.level1.lowContrast,boxShadow:"0px 0px 0px 4px "+props.theme.colors.brand.primary[400]};}return {};});var Tag=function Tag(_ref){var _ref$size=_ref.size,size$1=_ref$size===void 0?'medium':_ref$size,Icon=_ref.icon,onDismiss=_ref.onDismiss,children=_ref.children,isDisabled=_ref.isDisabled,testID=_ref.testID,_isTagFocussed=_ref._isTagFocussed,styledProps=_objectWithoutProperties(_ref,_excluded$6);var isMobile=useIsMobile();var textColor=isDisabled?'surface.text.placeholder.lowContrast':'surface.text.subtle.lowContrast';var mediumPadding={base:['spacing.2','spacing.3','spacing.2','spacing.4'],m:['spacing.1','spacing.2','spacing.1','spacing.3']};var largePadding={base:['spacing.2','spacing.3','spacing.2','spacing.4'],m:['spacing.2','spacing.3','spacing.2','spacing.4']};var assetSize=React__default.useMemo(function(){if(isMobile&&size$1==='large'){return 'medium';}return 'small';},[isMobile,size$1]);return jsx(BaseBox,_extends({display:isReactNative$4()?'flex':'inline-flex'},getStyledProps(styledProps),metaAttribute({name:MetaConstants.Tag,testID:testID}),{children:jsxs(FocussableTag,{display:isReactNative$4()?'flex':'inline-flex',alignSelf:isReactNative$4()?'center':undefined,flexDirection:"row",flexWrap:"nowrap",backgroundColor:"brand.gray.a100.lowContrast",borderRadius:"max",padding:size$1==='medium'?mediumPadding:largePadding,isTagFocussed:_isTagFocussed,children:[Icon?jsx(Box,{display:"flex",flexDirection:"row",alignItems:"center",children:jsx(Icon,{color:textColor,size:assetSize,marginRight:"spacing.2"})}):null,jsx(Box,{display:"flex",flexDirection:"row",alignItems:"center",maxWidth:makeSize(size['100']),children:jsx(Text,{truncateAfterLines:1,marginRight:"spacing.2",color:textColor,size:assetSize,children:children})}),jsx(Box,{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",children:jsx(IconButton,{size:assetSize,icon:CloseIcon,accessibilityLabel:"Close "+children+" tag",isDisabled:isDisabled,onClick:function onClick(){onDismiss();}})})]})}));};
|
|
3066
3066
|
|
|
@@ -3068,9 +3068,9 @@ var _excluded$5=["contrast"];var AnimatedBox=Animated.createAnimatedComponent(Ba
|
|
|
3068
3068
|
|
|
3069
3069
|
var _excluded$4=["contrast","width","maxWidth","minWidth","height","maxHeight","minHeight","borderRadius","flexWrap","flexDirection","flexGrow","flexShrink","flexBasis","alignItems","alignContent","alignSelf","justifyItems","justifyContent","justifySelf","placeSelf","order","testID"];var Skeleton=function Skeleton(_ref){var _ref$contrast=_ref.contrast,contrast=_ref$contrast===void 0?'low':_ref$contrast,width=_ref.width,maxWidth=_ref.maxWidth;_ref.minWidth;var height=_ref.height,maxHeight=_ref.maxHeight;_ref.minHeight;var borderRadius=_ref.borderRadius,flexWrap=_ref.flexWrap,flexDirection=_ref.flexDirection,flexGrow=_ref.flexGrow,flexShrink=_ref.flexShrink,flexBasis=_ref.flexBasis,alignItems=_ref.alignItems,alignContent=_ref.alignContent,alignSelf=_ref.alignSelf,justifyItems=_ref.justifyItems,justifyContent=_ref.justifyContent,justifySelf=_ref.justifySelf,placeSelf=_ref.placeSelf,order=_ref.order,testID=_ref.testID,props=_objectWithoutProperties(_ref,_excluded$4);return jsx(PulseAnimation,_extends({width:width,maxWidth:maxWidth,height:height,maxHeight:maxHeight,borderRadius:borderRadius,flexWrap:flexWrap,flexDirection:flexDirection,flexGrow:flexGrow,flexShrink:flexShrink,flexBasis:flexBasis,alignItems:alignItems,alignContent:alignContent,alignSelf:alignSelf,justifyItems:justifyItems,justifyContent:justifyContent,justifySelf:justifySelf,placeSelf:placeSelf,order:order,contrast:contrast},getStyledProps(props),makeAccessible({hidden:true}),metaAttribute({name:MetaConstants.Skeleton,testID:testID})));};
|
|
3070
3070
|
|
|
3071
|
-
var affixFontSizes={'body-small':75,'body-small-bold':75,'body-medium':75,'body-medium-bold':75,'heading-small':75,'heading-small-bold':75,'heading-large':100,'heading-large-bold':100,'title-small':300,'title-medium':400};var amountFontSizes={'body-small':75,'body-small-bold':75,'body-medium':100,'body-medium-bold':100,'heading-small':200,'heading-small-bold':200,'heading-large':400,'heading-large-bold':400,'title-small':600,'title-medium':700};var amountLineHeights={'body-small':50,'body-small-bold':50,'body-medium':100,'body-medium-bold':100,'heading-small':300,'heading-small-bold':300,'heading-large':400,'heading-large-bold':400,'title-small':500,'title-medium':600};var currencyPrefixMapping={INR:{'currency-symbol':'₹','currency-code':'INR'},MYR:{'currency-symbol':'RM','currency-code':'MYR'}}
|
|
3071
|
+
var affixFontSizes={'body-small':75,'body-small-bold':75,'body-medium':75,'body-medium-bold':75,'heading-small':75,'heading-small-bold':75,'heading-large':100,'heading-large-bold':100,'title-small':300,'title-medium':400};var amountFontSizes={'body-small':75,'body-small-bold':75,'body-medium':100,'body-medium-bold':100,'heading-small':200,'heading-small-bold':200,'heading-large':400,'heading-large-bold':400,'title-small':600,'title-medium':700};var amountLineHeights={'body-small':50,'body-small-bold':50,'body-medium':100,'body-medium-bold':100,'heading-small':300,'heading-small-bold':300,'heading-large':400,'heading-large-bold':400,'title-small':500,'title-medium':600};var currencyPrefixMapping={AED:{'currency-symbol':'د.إ','currency-code':'AED'},ALL:{'currency-symbol':'Lek','currency-code':'ALL'},AMD:{'currency-symbol':'֏','currency-code':'AMD'},ARS:{'currency-symbol':'ARS','currency-code':'ARS'},AUD:{'currency-symbol':'A$','currency-code':'AUD'},AWG:{'currency-symbol':'Afl.','currency-code':'AWG'},BBD:{'currency-symbol':'$','currency-code':'BBD'},BDT:{'currency-symbol':'৳','currency-code':'BDT'},BMD:{'currency-symbol':'$','currency-code':'BMD'},BND:{'currency-symbol':'BND','currency-code':'BND'},BOB:{'currency-symbol':'Bs','currency-code':'BOB'},BSD:{'currency-symbol':'B$','currency-code':'BSD'},BWP:{'currency-symbol':'P','currency-code':'BWP'},BZD:{'currency-symbol':'BZ$','currency-code':'BZD'},CAD:{'currency-symbol':'C$','currency-code':'CAD'},CHF:{'currency-symbol':'CHf','currency-code':'CHF'},CNY:{'currency-symbol':'¥','currency-code':'CNY'},COP:{'currency-symbol':'COL$','currency-code':'COP'},CRC:{'currency-symbol':'₡','currency-code':'CRC'},CUP:{'currency-symbol':'$MN','currency-code':'CUP'},CZK:{'currency-symbol':'Kč','currency-code':'CZK'},DKK:{'currency-symbol':'DKK','currency-code':'DKK'},DOP:{'currency-symbol':'RD$','currency-code':'DOP'},DZD:{'currency-symbol':'د.ج','currency-code':'DZD'},EGP:{'currency-symbol':'E£','currency-code':'EGP'},ETB:{'currency-symbol':'ብር','currency-code':'ETB'},EUR:{'currency-symbol':'€','currency-code':'EUR'},FJD:{'currency-symbol':'FJ$','currency-code':'FJD'},GBP:{'currency-symbol':'£','currency-code':'GBP'},GHS:{'currency-symbol':'GH₵','currency-code':'GHS'},GIP:{'currency-symbol':'GIP','currency-code':'GIP'},GMD:{'currency-symbol':'D','currency-code':'GMD'},GTQ:{'currency-symbol':'Q','currency-code':'GTQ'},GYD:{'currency-symbol':'G$','currency-code':'GYD'},HKD:{'currency-symbol':'HK$','currency-code':'HKD'},HNL:{'currency-symbol':'HNL','currency-code':'HNL'},HRK:{'currency-symbol':'kn','currency-code':'HRK'},HTG:{'currency-symbol':'G','currency-code':'HTG'},HUF:{'currency-symbol':'Ft','currency-code':'HUF'},IDR:{'currency-symbol':'Rp','currency-code':'IDR'},ILS:{'currency-symbol':'₪','currency-code':'ILS'},INR:{'currency-symbol':'₹','currency-code':'INR'},JMD:{'currency-symbol':'J$','currency-code':'JMD'},KES:{'currency-symbol':'Ksh','currency-code':'KES'},KGS:{'currency-symbol':'Лв','currency-code':'KGS'},KHR:{'currency-symbol':'៛','currency-code':'KHR'},KYD:{'currency-symbol':'CI$','currency-code':'KYD'},KZT:{'currency-symbol':'₸','currency-code':'KZT'},LAK:{'currency-symbol':'₭','currency-code':'LAK'},LKR:{'currency-symbol':'රු','currency-code':'LKR'},LRD:{'currency-symbol':'L$','currency-code':'LRD'},LSL:{'currency-symbol':'LSL','currency-code':'LSL'},MAD:{'currency-symbol':'د.م.','currency-code':'MAD'},MDL:{'currency-symbol':'MDL','currency-code':'MDL'},MKD:{'currency-symbol':'ден','currency-code':'MKD'},MMK:{'currency-symbol':'MMK','currency-code':'MMK'},MNT:{'currency-symbol':'₮','currency-code':'MNT'},MOP:{'currency-symbol':'MOP$','currency-code':'MOP'},MUR:{'currency-symbol':'₨','currency-code':'MUR'},MVR:{'currency-symbol':'Rf','currency-code':'MVR'},MWK:{'currency-symbol':'MK','currency-code':'MWK'},MXN:{'currency-symbol':'Mex$','currency-code':'MXN'},MYR:{'currency-symbol':'RM','currency-code':'MYR'},NAD:{'currency-symbol':'N$','currency-code':'NAD'},NGN:{'currency-symbol':'₦','currency-code':'NGN'},NIO:{'currency-symbol':'NIO','currency-code':'NIO'},NOK:{'currency-symbol':'NOK','currency-code':'NOK'},NPR:{'currency-symbol':'रू','currency-code':'NPR'},NZD:{'currency-symbol':'NZ$','currency-code':'NZD'},PEN:{'currency-symbol':'S/','currency-code':'PEN'},PGK:{'currency-symbol':'PGK','currency-code':'PGK'},PHP:{'currency-symbol':'₱','currency-code':'PHP'},PKR:{'currency-symbol':'₨','currency-code':'PKR'},QAR:{'currency-symbol':'QR','currency-code':'QAR'},RUB:{'currency-symbol':'₽','currency-code':'RUB'},SAR:{'currency-symbol':'SR','currency-code':'SAR'},SCR:{'currency-symbol':'SRe','currency-code':'SCR'},SEK:{'currency-symbol':'SEK','currency-code':'SEK'},SGD:{'currency-symbol':'S$','currency-code':'SGD'},SLL:{'currency-symbol':'Le','currency-code':'SLL'},SOS:{'currency-symbol':'Sh.so.','currency-code':'SOS'},SSP:{'currency-symbol':'SS£','currency-code':'SSP'},SVC:{'currency-symbol':'₡','currency-code':'SVC'},SZL:{'currency-symbol':'E','currency-code':'SZL'},THB:{'currency-symbol':'฿','currency-code':'THB'},TTD:{'currency-symbol':'TT$','currency-code':'TTD'},TZS:{'currency-symbol':'Sh','currency-code':'TZS'},USD:{'currency-symbol':'$','currency-code':'USD'},UYU:{'currency-symbol':'$U','currency-code':'UYU'},UZS:{'currency-symbol':"so'm",'currency-code':'UZS'},YER:{'currency-symbol':'﷼','currency-code':'YER'},ZAR:{'currency-symbol':'R','currency-code':'ZAR'},KWD:{'currency-symbol':'د.ك','currency-code':'KWD'},BHD:{'currency-symbol':'د.ب.','currency-code':'BHD'},OMR:{'currency-symbol':'ر.ع.','currency-code':'OMR'}};var getCurrencyAbbreviations=function getCurrencyAbbreviations(currency){if(currency==='INR'){return [{value:1e7,symbol:'Cr'},{value:1e5,symbol:'L'},{value:1e3,symbol:'k'}];}return [{value:1e9,symbol:'B'},{value:1e6,symbol:'M'},{value:1e3,symbol:'K'}];};
|
|
3072
3072
|
|
|
3073
|
-
var _excluded$3=["value","suffix","size","isAffixSubtle","intent","prefix","testID","currency"];var getTextColorProps=function getTextColorProps(_ref){var intent=_ref.intent;var props={amountValueColor:'surface.text.normal.lowContrast',affixColor:'surface.text.muted.lowContrast'};if(!intent)return props;props.amountValueColor="feedback.text."+intent+".lowContrast";props.affixColor="feedback.text."+intent+".lowContrast";return props;};var AmountValue=function AmountValue(_ref2){var value=_ref2.value,size=_ref2.size,amountValueColor=_ref2.amountValueColor,isAffixSubtle=_ref2.isAffixSubtle,suffix=_ref2.suffix,affixColor=_ref2.affixColor;var affixFontWeight=isAffixSubtle?'regular':'bold';var isReactNative=getPlatformType()==='react-native';var affixFontSize=isAffixSubtle?affixFontSizes[size]:amountFontSizes[size];var valueForWeight=size.includes('bold')||size.startsWith('title')?'bold':'regular';if(suffix==='decimals'&&isAffixSubtle){var integer=value.split('.')[0];var decimal=value.split('.')[1];var AmountWrapper=getPlatformType()==='react-native'?BaseText:React__default.Fragment;return jsxs(AmountWrapper,{children:[jsxs(BaseText,{fontSize:amountFontSizes[size],fontWeight:valueForWeight,lineHeight:amountLineHeights[size],color:amountValueColor,as:isReactNative?undefined:'span',children:[integer,"."]}),jsx(BaseText,{marginLeft:"spacing.1",fontWeight:affixFontWeight,fontSize:affixFontSize,color:affixColor,as:isReactNative?undefined:'span',children:decimal||'00'})]});}return jsx(BaseText,{fontSize:amountFontSizes[size],fontWeight:valueForWeight,color:amountValueColor,lineHeight:amountLineHeights[size],children:value});};var getFlooredFixed=function getFlooredFixed(value,decimalPlaces){var factor=Math.pow(10,decimalPlaces);var roundedValue=Math.floor(value*factor)/factor;return Number(roundedValue.toFixed(decimalPlaces));};var addCommas=function addCommas(amountValue,currency){var decimalPlaces=arguments.length>2&&arguments[2]!==undefined?arguments[2]:0;var locale=
|
|
3073
|
+
var _excluded$3=["value","suffix","size","isAffixSubtle","intent","prefix","testID","currency"];var getTextColorProps=function getTextColorProps(_ref){var intent=_ref.intent;var props={amountValueColor:'surface.text.normal.lowContrast',affixColor:'surface.text.muted.lowContrast'};if(!intent)return props;props.amountValueColor="feedback.text."+intent+".lowContrast";props.affixColor="feedback.text."+intent+".lowContrast";return props;};var AmountValue=function AmountValue(_ref2){var value=_ref2.value,size=_ref2.size,amountValueColor=_ref2.amountValueColor,isAffixSubtle=_ref2.isAffixSubtle,suffix=_ref2.suffix,affixColor=_ref2.affixColor;var affixFontWeight=isAffixSubtle?'regular':'bold';var isReactNative=getPlatformType()==='react-native';var affixFontSize=isAffixSubtle?affixFontSizes[size]:amountFontSizes[size];var valueForWeight=size.includes('bold')||size.startsWith('title')?'bold':'regular';if(suffix==='decimals'&&isAffixSubtle){var integer=value.split('.')[0];var decimal=value.split('.')[1];var AmountWrapper=getPlatformType()==='react-native'?BaseText:React__default.Fragment;return jsxs(AmountWrapper,{children:[jsxs(BaseText,{fontSize:amountFontSizes[size],fontWeight:valueForWeight,lineHeight:amountLineHeights[size],color:amountValueColor,as:isReactNative?undefined:'span',children:[integer,"."]}),jsx(BaseText,{marginLeft:"spacing.1",fontWeight:affixFontWeight,fontSize:affixFontSize,color:affixColor,as:isReactNative?undefined:'span',children:decimal||'00'})]});}return jsx(BaseText,{fontSize:amountFontSizes[size],fontWeight:valueForWeight,color:amountValueColor,lineHeight:amountLineHeights[size],children:value});};var getFlooredFixed=function getFlooredFixed(value,decimalPlaces){var factor=Math.pow(10,decimalPlaces);var roundedValue=Math.floor(value*factor)/factor;return Number(roundedValue.toFixed(decimalPlaces));};var addCommas=function addCommas(amountValue,currency){var decimalPlaces=arguments.length>2&&arguments[2]!==undefined?arguments[2]:0;var locale=currency==='INR'?'en-IN':'en-US';return amountValue.toLocaleString(locale,{minimumFractionDigits:decimalPlaces});};var getHumanizedAmount=function getHumanizedAmount(amountValue,currency){var abbreviations=getCurrencyAbbreviations(currency);var abbreviation=abbreviations.find(function(abbr){return amountValue>=abbr.value;});if(abbreviation){amountValue=amountValue/abbreviation.value;var formattedAmountValue=getFlooredFixed(amountValue,2);return addCommas(formattedAmountValue,currency)+abbreviation.symbol;}else {return amountValue.toString();}};var formatAmountWithSuffix=function formatAmountWithSuffix(_ref3){var suffix=_ref3.suffix,value=_ref3.value,currency=_ref3.currency;switch(suffix){case'decimals':{var decimalNumber=getFlooredFixed(value,2);return addCommas(decimalNumber,currency,2);}case'humanize':{return getHumanizedAmount(value,currency);}case'none':{return addCommas(getFlooredFixed(value,0),currency);}default:return addCommas(getFlooredFixed(value,0),currency);}};var getCurrencyWeight=function getCurrencyWeight(isAffixSubtle,size){if(isAffixSubtle||size.startsWith('bold'))return 'bold';return 'regular';};var _Amount=function _Amount(_ref4){var value=_ref4.value,_ref4$suffix=_ref4.suffix,suffix=_ref4$suffix===void 0?'decimals':_ref4$suffix,_ref4$size=_ref4.size,size=_ref4$size===void 0?'body-medium':_ref4$size,_ref4$isAffixSubtle=_ref4.isAffixSubtle,isAffixSubtle=_ref4$isAffixSubtle===void 0?true:_ref4$isAffixSubtle,intent=_ref4.intent,_ref4$prefix=_ref4.prefix,prefix=_ref4$prefix===void 0?'currency-symbol':_ref4$prefix,testID=_ref4.testID,_ref4$currency=_ref4.currency,currency=_ref4$currency===void 0?'INR':_ref4$currency,styledProps=_objectWithoutProperties(_ref4,_excluded$3);if(__DEV__){if(typeof value!=='number'){throwBladeError({message:'`value` prop must be of type `number` for Amount.',moduleName:'Amount'});}if(intent==='neutral'){throwBladeError({message:'`neutral` intent is not supported.',moduleName:'Amount'});}}var currencyPrefix=currencyPrefixMapping[currency][prefix];var renderedValue=formatAmountWithSuffix({suffix:suffix,value:value,currency:currency});var _getTextColorProps=getTextColorProps({intent:intent}),amountValueColor=_getTextColorProps.amountValueColor,affixColor=_getTextColorProps.affixColor;var currencyColor=isAffixSubtle?affixColor:amountValueColor;var currencyFontSize=isAffixSubtle?affixFontSizes[size]:amountFontSizes[size];var currencyWeight=getCurrencyWeight(isAffixSubtle,size);var isReactNative=getPlatformType()==='react-native';return jsx(BaseBox,_extends({display:isReactNative?castNativeType('flex'):castWebType('inline-flex')},metaAttribute({name:MetaConstants.Amount,testID:testID}),getStyledProps(styledProps),{children:jsxs(BaseBox,{paddingLeft:"spacing.2",paddingRight:"spacing.2",display:isReactNative?castNativeType('flex'):castWebType('inline-flex'),alignItems:"baseline",flexDirection:"row",children:[jsx(BaseText,{marginRight:"spacing.1",fontWeight:currencyWeight,fontSize:currencyFontSize,color:currencyColor,as:isReactNative?undefined:'span',children:currencyPrefix}),jsx(AmountValue,{value:renderedValue,amountValueColor:amountValueColor,size:size,isAffixSubtle:isAffixSubtle,suffix:suffix,affixColor:affixColor})]})}));};var Amount=assignWithoutSideEffects(_Amount,{displayName:'Amount',componentId:'Amount'});
|
|
3074
3074
|
|
|
3075
3075
|
var BottomSheetEmptyHeader=React__default.forwardRef(function(_ref,ref){var onClickCapture=_ref.onClickCapture,onKeyDown=_ref.onKeyDown,onKeyUp=_ref.onKeyUp,onLostPointerCapture=_ref.onLostPointerCapture,onPointerCancel=_ref.onPointerCancel,onPointerDown=_ref.onPointerDown,onPointerMove=_ref.onPointerMove,onPointerUp=_ref.onPointerUp;var _useBottomSheetContex=useBottomSheetContext(),close=_useBottomSheetContex.close,isHeaderFloating=_useBottomSheetContex.isHeaderFloating;var _useTheme=useTheme(),theme=_useTheme.theme;var webOnlyEventHandlers=isReactNative$4()?{}:{onClickCapture:onClickCapture,onKeyDown:onKeyDown,onKeyUp:onKeyUp,onLostPointerCapture:onLostPointerCapture,onPointerCancel:onPointerCancel,onPointerDown:onPointerDown,onPointerMove:onPointerMove,onPointerUp:onPointerUp};var topOffset=isHeaderFloating?'spacing.5':undefined;if(isReactNative$4()){topOffset='spacing.0';}return jsx(BaseBox,_extends({position:isHeaderFloating?'absolute':'relative',height:makeSize(size[8]),touchAction:"none",top:topOffset,right:"spacing.0"},webOnlyEventHandlers,{children:jsx(BaseBox,{display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",top:isHeaderFloating?'spacing.0':makeSpace(-size[4]),right:"spacing.5",width:makeSize(size[28]),height:makeSize(size[28]),flexShrink:0,backgroundColor:theme.colors.surface.background.level2.lowContrast,borderRadius:"max",zIndex:100,children:jsx(IconButton,{ref:ref,size:"large",icon:CloseIcon,accessibilityLabel:"Close",onClick:close})})}));});
|
|
3076
3076
|
|