@pagopa/io-app-design-system 5.3.8 → 5.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/README.md +3 -2
- package/lib/commonjs/components/buttons/ButtonLink.js +5 -2
- package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonOutline.js +20 -15
- package/lib/commonjs/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonSolid.js +4 -1
- package/lib/commonjs/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/IOButton/IOButton.js +230 -0
- package/lib/commonjs/components/buttons/IOButton/IOButton.js.map +1 -0
- package/lib/commonjs/components/buttons/IOButton/__test__/IOButton.test.js +43 -0
- package/lib/commonjs/components/buttons/IOButton/__test__/IOButton.test.js.map +1 -0
- package/lib/commonjs/components/buttons/IOButton/__test__/__snapshots__/IOButton.test.tsx.snap +391 -0
- package/lib/commonjs/components/buttons/IOButton/index.js +17 -0
- package/lib/commonjs/components/buttons/IOButton/index.js.map +1 -0
- package/lib/commonjs/components/buttons/IOButton/styles.js +166 -0
- package/lib/commonjs/components/buttons/IOButton/styles.js.map +1 -0
- package/lib/commonjs/components/buttons/IconButton.js +1 -2
- package/lib/commonjs/components/buttons/IconButton.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButtonContained.js +1 -2
- package/lib/commonjs/components/buttons/IconButtonContained.js.map +1 -1
- package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +3 -395
- package/lib/commonjs/components/buttons/__test__/button.test.js +0 -24
- package/lib/commonjs/components/buttons/__test__/button.test.js.map +1 -1
- package/lib/commonjs/components/buttons/index.js +11 -0
- package/lib/commonjs/components/buttons/index.js.map +1 -1
- package/lib/commonjs/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap +3 -12
- package/lib/commonjs/components/contentWrapper/ContentWrapper.js +6 -2
- package/lib/commonjs/components/contentWrapper/ContentWrapper.js.map +1 -1
- package/lib/commonjs/components/icons/Icon.js +11 -9
- package/lib/commonjs/components/icons/Icon.js.map +1 -1
- package/lib/commonjs/components/layout/FooterActions.js +10 -9
- package/lib/commonjs/components/layout/FooterActions.js.map +1 -1
- package/lib/commonjs/components/layout/FooterActionsInline.js +8 -8
- package/lib/commonjs/components/layout/FooterActionsInline.js.map +1 -1
- package/lib/commonjs/components/layout/GradientBottomActions.js +8 -8
- package/lib/commonjs/components/layout/GradientBottomActions.js.map +1 -1
- package/lib/commonjs/components/layout/GradientScrollView.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNav.js +1 -1
- package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +10 -40
- package/lib/commonjs/components/loadingSpinner/LoadingSpinner.js +6 -6
- package/lib/commonjs/components/loadingSpinner/LoadingSpinner.js.map +1 -1
- package/lib/commonjs/components/numberpad/NumberButton.js +15 -2
- package/lib/commonjs/components/numberpad/NumberButton.js.map +1 -1
- package/lib/commonjs/components/numberpad/NumberPad.js +9 -6
- package/lib/commonjs/components/numberpad/NumberPad.js.map +1 -1
- package/lib/commonjs/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +36 -86
- package/lib/commonjs/components/typography/IOText.js +4 -1
- package/lib/commonjs/components/typography/IOText.js.map +1 -1
- package/lib/commonjs/core/IOStyles.js +2 -17
- package/lib/commonjs/core/IOStyles.js.map +1 -1
- package/lib/module/components/buttons/ButtonLink.js +6 -3
- package/lib/module/components/buttons/ButtonLink.js.map +1 -1
- package/lib/module/components/buttons/ButtonOutline.js +21 -16
- package/lib/module/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/module/components/buttons/ButtonSolid.js +4 -1
- package/lib/module/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/IOButton/IOButton.js +223 -0
- package/lib/module/components/buttons/IOButton/IOButton.js.map +1 -0
- package/lib/module/components/buttons/IOButton/__test__/IOButton.test.js +40 -0
- package/lib/module/components/buttons/IOButton/__test__/IOButton.test.js.map +1 -0
- package/lib/module/components/buttons/IOButton/__test__/__snapshots__/IOButton.test.tsx.snap +391 -0
- package/lib/module/components/buttons/IOButton/index.js +4 -0
- package/lib/module/components/buttons/IOButton/index.js.map +1 -0
- package/lib/module/components/buttons/IOButton/styles.js +160 -0
- package/lib/module/components/buttons/IOButton/styles.js.map +1 -0
- package/lib/module/components/buttons/IconButton.js +2 -3
- package/lib/module/components/buttons/IconButton.js.map +1 -1
- package/lib/module/components/buttons/IconButtonContained.js +2 -3
- package/lib/module/components/buttons/IconButtonContained.js.map +1 -1
- package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +3 -395
- package/lib/module/components/buttons/__test__/button.test.js +0 -24
- package/lib/module/components/buttons/__test__/button.test.js.map +1 -1
- package/lib/module/components/buttons/index.js +1 -0
- package/lib/module/components/buttons/index.js.map +1 -1
- package/lib/module/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap +3 -12
- package/lib/module/components/contentWrapper/ContentWrapper.js +6 -2
- package/lib/module/components/contentWrapper/ContentWrapper.js.map +1 -1
- package/lib/module/components/icons/Icon.js +10 -7
- package/lib/module/components/icons/Icon.js.map +1 -1
- package/lib/module/components/layout/FooterActions.js +11 -10
- package/lib/module/components/layout/FooterActions.js.map +1 -1
- package/lib/module/components/layout/FooterActionsInline.js +9 -9
- package/lib/module/components/layout/FooterActionsInline.js.map +1 -1
- package/lib/module/components/layout/GradientBottomActions.js +9 -9
- package/lib/module/components/layout/GradientBottomActions.js.map +1 -1
- package/lib/module/components/layout/GradientScrollView.js.map +1 -1
- package/lib/module/components/listitems/ListItemNav.js +2 -2
- package/lib/module/components/listitems/ListItemNav.js.map +1 -1
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +10 -40
- package/lib/module/components/loadingSpinner/LoadingSpinner.js +6 -6
- package/lib/module/components/loadingSpinner/LoadingSpinner.js.map +1 -1
- package/lib/module/components/numberpad/NumberButton.js +16 -3
- package/lib/module/components/numberpad/NumberButton.js.map +1 -1
- package/lib/module/components/numberpad/NumberPad.js +10 -7
- package/lib/module/components/numberpad/NumberPad.js.map +1 -1
- package/lib/module/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +36 -86
- package/lib/module/components/typography/IOText.js +2 -0
- package/lib/module/components/typography/IOText.js.map +1 -1
- package/lib/module/core/IOStyles.js +1 -16
- package/lib/module/core/IOStyles.js.map +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts +3 -0
- package/lib/typescript/components/buttons/ButtonLink.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonOutline.d.ts +3 -0
- package/lib/typescript/components/buttons/ButtonOutline.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonSolid.d.ts +3 -0
- package/lib/typescript/components/buttons/ButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IOButton/IOButton.d.ts +57 -0
- package/lib/typescript/components/buttons/IOButton/IOButton.d.ts.map +1 -0
- package/lib/typescript/components/buttons/IOButton/__test__/IOButton.test.d.ts +2 -0
- package/lib/typescript/components/buttons/IOButton/__test__/IOButton.test.d.ts.map +1 -0
- package/lib/typescript/components/buttons/IOButton/index.d.ts +2 -0
- package/lib/typescript/components/buttons/IOButton/index.d.ts.map +1 -0
- package/lib/typescript/components/buttons/IOButton/styles.d.ts +35 -0
- package/lib/typescript/components/buttons/IOButton/styles.d.ts.map +1 -0
- package/lib/typescript/components/buttons/IconButton.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IconButtonContained.d.ts.map +1 -1
- package/lib/typescript/components/buttons/index.d.ts +1 -0
- package/lib/typescript/components/buttons/index.d.ts.map +1 -1
- package/lib/typescript/components/contentWrapper/ContentWrapper.d.ts +6 -4
- package/lib/typescript/components/contentWrapper/ContentWrapper.d.ts.map +1 -1
- package/lib/typescript/components/icons/Icon.d.ts +1 -4
- package/lib/typescript/components/icons/Icon.d.ts.map +1 -1
- package/lib/typescript/components/icons/types.d.ts +3 -2
- package/lib/typescript/components/icons/types.d.ts.map +1 -1
- package/lib/typescript/components/layout/FooterActions.d.ts +10 -8
- package/lib/typescript/components/layout/FooterActions.d.ts.map +1 -1
- package/lib/typescript/components/layout/FooterActionsInline.d.ts +5 -4
- package/lib/typescript/components/layout/FooterActionsInline.d.ts.map +1 -1
- package/lib/typescript/components/layout/GradientBottomActions.d.ts +12 -6
- package/lib/typescript/components/layout/GradientBottomActions.d.ts.map +1 -1
- package/lib/typescript/components/layout/GradientScrollView.d.ts.map +1 -1
- package/lib/typescript/components/loadingSpinner/LoadingSpinner.d.ts +2 -2
- package/lib/typescript/components/loadingSpinner/LoadingSpinner.d.ts.map +1 -1
- package/lib/typescript/components/numberpad/NumberButton.d.ts +11 -0
- package/lib/typescript/components/numberpad/NumberButton.d.ts.map +1 -1
- package/lib/typescript/components/numberpad/NumberPad.d.ts.map +1 -1
- package/lib/typescript/components/typography/IOText.d.ts +1 -0
- package/lib/typescript/components/typography/IOText.d.ts.map +1 -1
- package/lib/typescript/core/IOStyles.d.ts +0 -14
- package/lib/typescript/core/IOStyles.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/buttons/ButtonLink.tsx +6 -6
- package/src/components/buttons/ButtonOutline.tsx +21 -21
- package/src/components/buttons/ButtonSolid.tsx +4 -1
- package/src/components/buttons/IOButton/IOButton.tsx +363 -0
- package/src/components/buttons/IOButton/__test__/IOButton.test.tsx +46 -0
- package/src/components/buttons/IOButton/__test__/__snapshots__/IOButton.test.tsx.snap +391 -0
- package/src/components/buttons/IOButton/index.tsx +1 -0
- package/src/components/buttons/IOButton/styles.tsx +228 -0
- package/src/components/buttons/IconButton.tsx +3 -6
- package/src/components/buttons/IconButtonContained.tsx +3 -6
- package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +3 -395
- package/src/components/buttons/__test__/button.test.tsx +1 -33
- package/src/components/buttons/index.tsx +1 -0
- package/src/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap +3 -12
- package/src/components/contentWrapper/ContentWrapper.tsx +18 -8
- package/src/components/icons/Icon.tsx +12 -3
- package/src/components/icons/types.ts +3 -2
- package/src/components/layout/FooterActions.tsx +26 -14
- package/src/components/layout/FooterActionsInline.tsx +19 -12
- package/src/components/layout/GradientBottomActions.tsx +17 -18
- package/src/components/layout/GradientScrollView.tsx +2 -1
- package/src/components/listitems/ListItemNav.tsx +1 -1
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +10 -40
- package/src/components/loadingSpinner/LoadingSpinner.tsx +8 -8
- package/src/components/numberpad/NumberButton.tsx +18 -11
- package/src/components/numberpad/NumberPad.tsx +8 -10
- package/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +36 -86
- package/src/components/typography/IOText.tsx +3 -0
- package/src/core/IOStyles.ts +1 -18
|
@@ -321,6 +321,7 @@ exports[`Test List Item Components - Experimental Enabled ListItemInfoCopy Snap
|
|
|
321
321
|
align="xMidYMid"
|
|
322
322
|
bbHeight={24}
|
|
323
323
|
bbWidth={24}
|
|
324
|
+
color="#0B3EE3"
|
|
324
325
|
focusable={false}
|
|
325
326
|
height={24}
|
|
326
327
|
importantForAccessibility="no-hide-descendants"
|
|
@@ -333,9 +334,6 @@ exports[`Test List Item Components - Experimental Enabled ListItemInfoCopy Snap
|
|
|
333
334
|
"backgroundColor": "transparent",
|
|
334
335
|
"borderWidth": 0,
|
|
335
336
|
},
|
|
336
|
-
{
|
|
337
|
-
"color": "#0B3EE3",
|
|
338
|
-
},
|
|
339
337
|
{
|
|
340
338
|
"flex": 0,
|
|
341
339
|
"height": 24,
|
|
@@ -348,7 +346,6 @@ exports[`Test List Item Components - Experimental Enabled ListItemInfoCopy Snap
|
|
|
348
346
|
width={24}
|
|
349
347
|
>
|
|
350
348
|
<RNSVGGroup
|
|
351
|
-
color="#0B3EE3"
|
|
352
349
|
fill={
|
|
353
350
|
{
|
|
354
351
|
"payload": 4278190080,
|
|
@@ -482,6 +479,7 @@ exports[`Test List Item Components - Experimental Enabled ListItemNav Snapshot
|
|
|
482
479
|
align="xMidYMid"
|
|
483
480
|
bbHeight={24}
|
|
484
481
|
bbWidth={24}
|
|
482
|
+
color="#0B3EE3"
|
|
485
483
|
focusable={false}
|
|
486
484
|
height={24}
|
|
487
485
|
importantForAccessibility="no-hide-descendants"
|
|
@@ -494,9 +492,6 @@ exports[`Test List Item Components - Experimental Enabled ListItemNav Snapshot
|
|
|
494
492
|
"backgroundColor": "transparent",
|
|
495
493
|
"borderWidth": 0,
|
|
496
494
|
},
|
|
497
|
-
{
|
|
498
|
-
"color": "#0B3EE3",
|
|
499
|
-
},
|
|
500
495
|
{
|
|
501
496
|
"flex": 0,
|
|
502
497
|
"height": 24,
|
|
@@ -509,7 +504,6 @@ exports[`Test List Item Components - Experimental Enabled ListItemNav Snapshot
|
|
|
509
504
|
width={24}
|
|
510
505
|
>
|
|
511
506
|
<RNSVGGroup
|
|
512
|
-
color="#0B3EE3"
|
|
513
507
|
fill={
|
|
514
508
|
{
|
|
515
509
|
"payload": 4278190080,
|
|
@@ -619,6 +613,7 @@ exports[`Test List Item Components - Experimental Enabled ListItemNavAlert Snap
|
|
|
619
613
|
align="xMidYMid"
|
|
620
614
|
bbHeight={24}
|
|
621
615
|
bbWidth={24}
|
|
616
|
+
color="#D13333"
|
|
622
617
|
focusable={false}
|
|
623
618
|
height={24}
|
|
624
619
|
importantForAccessibility="no-hide-descendants"
|
|
@@ -631,9 +626,6 @@ exports[`Test List Item Components - Experimental Enabled ListItemNavAlert Snap
|
|
|
631
626
|
"backgroundColor": "transparent",
|
|
632
627
|
"borderWidth": 0,
|
|
633
628
|
},
|
|
634
|
-
{
|
|
635
|
-
"color": "#D13333",
|
|
636
|
-
},
|
|
637
629
|
{
|
|
638
630
|
"flex": 0,
|
|
639
631
|
"height": 24,
|
|
@@ -646,7 +638,6 @@ exports[`Test List Item Components - Experimental Enabled ListItemNavAlert Snap
|
|
|
646
638
|
width={24}
|
|
647
639
|
>
|
|
648
640
|
<RNSVGGroup
|
|
649
|
-
color="#D13333"
|
|
650
641
|
fill={
|
|
651
642
|
{
|
|
652
643
|
"payload": 4278190080,
|
|
@@ -707,6 +698,7 @@ exports[`Test List Item Components - Experimental Enabled ListItemNavAlert Snap
|
|
|
707
698
|
align="xMidYMid"
|
|
708
699
|
bbHeight={24}
|
|
709
700
|
bbWidth={24}
|
|
701
|
+
color="#0B3EE3"
|
|
710
702
|
focusable={false}
|
|
711
703
|
height={24}
|
|
712
704
|
importantForAccessibility="no-hide-descendants"
|
|
@@ -719,9 +711,6 @@ exports[`Test List Item Components - Experimental Enabled ListItemNavAlert Snap
|
|
|
719
711
|
"backgroundColor": "transparent",
|
|
720
712
|
"borderWidth": 0,
|
|
721
713
|
},
|
|
722
|
-
{
|
|
723
|
-
"color": "#0B3EE3",
|
|
724
|
-
},
|
|
725
714
|
{
|
|
726
715
|
"flex": 0,
|
|
727
716
|
"height": 24,
|
|
@@ -734,7 +723,6 @@ exports[`Test List Item Components - Experimental Enabled ListItemNavAlert Snap
|
|
|
734
723
|
width={24}
|
|
735
724
|
>
|
|
736
725
|
<RNSVGGroup
|
|
737
|
-
color="#0B3EE3"
|
|
738
726
|
fill={
|
|
739
727
|
{
|
|
740
728
|
"payload": 4278190080,
|
|
@@ -880,6 +868,7 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
|
|
|
880
868
|
align="xMidYMid"
|
|
881
869
|
bbHeight={16}
|
|
882
870
|
bbWidth={16}
|
|
871
|
+
color="#5517E3"
|
|
883
872
|
focusable={false}
|
|
884
873
|
height={16}
|
|
885
874
|
importantForAccessibility="no-hide-descendants"
|
|
@@ -892,9 +881,6 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
|
|
|
892
881
|
"backgroundColor": "transparent",
|
|
893
882
|
"borderWidth": 0,
|
|
894
883
|
},
|
|
895
|
-
{
|
|
896
|
-
"color": "#5517E3",
|
|
897
|
-
},
|
|
898
884
|
{
|
|
899
885
|
"flex": 0,
|
|
900
886
|
"height": 16,
|
|
@@ -907,7 +893,6 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
|
|
|
907
893
|
width={16}
|
|
908
894
|
>
|
|
909
895
|
<RNSVGGroup
|
|
910
|
-
color="#5517E3"
|
|
911
896
|
fill={
|
|
912
897
|
{
|
|
913
898
|
"payload": 4278190080,
|
|
@@ -1864,6 +1849,7 @@ exports[`Test List Item Components ListItemInfoCopy Snapshot 1`] = `
|
|
|
1864
1849
|
align="xMidYMid"
|
|
1865
1850
|
bbHeight={24}
|
|
1866
1851
|
bbWidth={24}
|
|
1852
|
+
color="#0B3EE3"
|
|
1867
1853
|
focusable={false}
|
|
1868
1854
|
height={24}
|
|
1869
1855
|
importantForAccessibility="no-hide-descendants"
|
|
@@ -1876,9 +1862,6 @@ exports[`Test List Item Components ListItemInfoCopy Snapshot 1`] = `
|
|
|
1876
1862
|
"backgroundColor": "transparent",
|
|
1877
1863
|
"borderWidth": 0,
|
|
1878
1864
|
},
|
|
1879
|
-
{
|
|
1880
|
-
"color": "#0B3EE3",
|
|
1881
|
-
},
|
|
1882
1865
|
{
|
|
1883
1866
|
"flex": 0,
|
|
1884
1867
|
"height": 24,
|
|
@@ -1891,7 +1874,6 @@ exports[`Test List Item Components ListItemInfoCopy Snapshot 1`] = `
|
|
|
1891
1874
|
width={24}
|
|
1892
1875
|
>
|
|
1893
1876
|
<RNSVGGroup
|
|
1894
|
-
color="#0B3EE3"
|
|
1895
1877
|
fill={
|
|
1896
1878
|
{
|
|
1897
1879
|
"payload": 4278190080,
|
|
@@ -2025,6 +2007,7 @@ exports[`Test List Item Components ListItemNav Snapshot 1`] = `
|
|
|
2025
2007
|
align="xMidYMid"
|
|
2026
2008
|
bbHeight={24}
|
|
2027
2009
|
bbWidth={24}
|
|
2010
|
+
color="#0B3EE3"
|
|
2028
2011
|
focusable={false}
|
|
2029
2012
|
height={24}
|
|
2030
2013
|
importantForAccessibility="no-hide-descendants"
|
|
@@ -2037,9 +2020,6 @@ exports[`Test List Item Components ListItemNav Snapshot 1`] = `
|
|
|
2037
2020
|
"backgroundColor": "transparent",
|
|
2038
2021
|
"borderWidth": 0,
|
|
2039
2022
|
},
|
|
2040
|
-
{
|
|
2041
|
-
"color": "#0B3EE3",
|
|
2042
|
-
},
|
|
2043
2023
|
{
|
|
2044
2024
|
"flex": 0,
|
|
2045
2025
|
"height": 24,
|
|
@@ -2052,7 +2032,6 @@ exports[`Test List Item Components ListItemNav Snapshot 1`] = `
|
|
|
2052
2032
|
width={24}
|
|
2053
2033
|
>
|
|
2054
2034
|
<RNSVGGroup
|
|
2055
|
-
color="#0B3EE3"
|
|
2056
2035
|
fill={
|
|
2057
2036
|
{
|
|
2058
2037
|
"payload": 4278190080,
|
|
@@ -2162,6 +2141,7 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
|
|
|
2162
2141
|
align="xMidYMid"
|
|
2163
2142
|
bbHeight={24}
|
|
2164
2143
|
bbWidth={24}
|
|
2144
|
+
color="#D13333"
|
|
2165
2145
|
focusable={false}
|
|
2166
2146
|
height={24}
|
|
2167
2147
|
importantForAccessibility="no-hide-descendants"
|
|
@@ -2174,9 +2154,6 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
|
|
|
2174
2154
|
"backgroundColor": "transparent",
|
|
2175
2155
|
"borderWidth": 0,
|
|
2176
2156
|
},
|
|
2177
|
-
{
|
|
2178
|
-
"color": "#D13333",
|
|
2179
|
-
},
|
|
2180
2157
|
{
|
|
2181
2158
|
"flex": 0,
|
|
2182
2159
|
"height": 24,
|
|
@@ -2189,7 +2166,6 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
|
|
|
2189
2166
|
width={24}
|
|
2190
2167
|
>
|
|
2191
2168
|
<RNSVGGroup
|
|
2192
|
-
color="#D13333"
|
|
2193
2169
|
fill={
|
|
2194
2170
|
{
|
|
2195
2171
|
"payload": 4278190080,
|
|
@@ -2250,6 +2226,7 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
|
|
|
2250
2226
|
align="xMidYMid"
|
|
2251
2227
|
bbHeight={24}
|
|
2252
2228
|
bbWidth={24}
|
|
2229
|
+
color="#0B3EE3"
|
|
2253
2230
|
focusable={false}
|
|
2254
2231
|
height={24}
|
|
2255
2232
|
importantForAccessibility="no-hide-descendants"
|
|
@@ -2262,9 +2239,6 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
|
|
|
2262
2239
|
"backgroundColor": "transparent",
|
|
2263
2240
|
"borderWidth": 0,
|
|
2264
2241
|
},
|
|
2265
|
-
{
|
|
2266
|
-
"color": "#0B3EE3",
|
|
2267
|
-
},
|
|
2268
2242
|
{
|
|
2269
2243
|
"flex": 0,
|
|
2270
2244
|
"height": 24,
|
|
@@ -2277,7 +2251,6 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
|
|
|
2277
2251
|
width={24}
|
|
2278
2252
|
>
|
|
2279
2253
|
<RNSVGGroup
|
|
2280
|
-
color="#0B3EE3"
|
|
2281
2254
|
fill={
|
|
2282
2255
|
{
|
|
2283
2256
|
"payload": 4278190080,
|
|
@@ -2423,6 +2396,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
|
2423
2396
|
align="xMidYMid"
|
|
2424
2397
|
bbHeight={16}
|
|
2425
2398
|
bbWidth={16}
|
|
2399
|
+
color="#5517E3"
|
|
2426
2400
|
focusable={false}
|
|
2427
2401
|
height={16}
|
|
2428
2402
|
importantForAccessibility="no-hide-descendants"
|
|
@@ -2435,9 +2409,6 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
|
2435
2409
|
"backgroundColor": "transparent",
|
|
2436
2410
|
"borderWidth": 0,
|
|
2437
2411
|
},
|
|
2438
|
-
{
|
|
2439
|
-
"color": "#5517E3",
|
|
2440
|
-
},
|
|
2441
2412
|
{
|
|
2442
2413
|
"flex": 0,
|
|
2443
2414
|
"height": 16,
|
|
@@ -2450,7 +2421,6 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
|
2450
2421
|
width={16}
|
|
2451
2422
|
>
|
|
2452
2423
|
<RNSVGGroup
|
|
2453
|
-
color="#5517E3"
|
|
2454
2424
|
fill={
|
|
2455
2425
|
{
|
|
2456
2426
|
"payload": 4278190080,
|
|
@@ -32,7 +32,7 @@ const LoadingSpinner = ({
|
|
|
32
32
|
const theme = (0, _core.useIOTheme)();
|
|
33
33
|
const rotationDegree = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
|
|
34
34
|
const stroke = strokeMap[size];
|
|
35
|
-
const color = customColor ?? theme["interactiveElem-default"];
|
|
35
|
+
const color = customColor ?? _core.IOColors[theme["interactiveElem-default"]];
|
|
36
36
|
(0, _react.useEffect)(() => {
|
|
37
37
|
const animation = _reactNative.Animated.loop(_reactNative.Animated.timing(rotationDegree, {
|
|
38
38
|
toValue: 360,
|
|
@@ -74,22 +74,22 @@ const LoadingSpinner = ({
|
|
|
74
74
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
|
|
75
75
|
offset: "0%",
|
|
76
76
|
stopOpacity: "0",
|
|
77
|
-
stopColor:
|
|
77
|
+
stopColor: color
|
|
78
78
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
|
|
79
79
|
offset: "100%",
|
|
80
80
|
stopOpacity: "1",
|
|
81
|
-
stopColor:
|
|
81
|
+
stopColor: color
|
|
82
82
|
})]
|
|
83
83
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.LinearGradient, {
|
|
84
84
|
id: "spinner-firstHalf",
|
|
85
85
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
|
|
86
86
|
offset: "0%",
|
|
87
87
|
stopOpacity: "1",
|
|
88
|
-
stopColor:
|
|
88
|
+
stopColor: color
|
|
89
89
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
|
|
90
90
|
offset: "100%",
|
|
91
91
|
stopOpacity: "1",
|
|
92
|
-
stopColor:
|
|
92
|
+
stopColor: color
|
|
93
93
|
})]
|
|
94
94
|
})]
|
|
95
95
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
|
|
@@ -101,7 +101,7 @@ const LoadingSpinner = ({
|
|
|
101
101
|
stroke: "url(#spinner-firstHalf)",
|
|
102
102
|
d: `M ${size - stroke / 2} ${size / 2} A ${size / 2 - stroke / 2} ${size / 2 - stroke / 2} 0 0 1 ${stroke / 2} ${size / 2}`
|
|
103
103
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
104
|
-
stroke:
|
|
104
|
+
stroke: color,
|
|
105
105
|
strokeLinecap: "round",
|
|
106
106
|
d: `M ${stroke / 2} ${size / 2} A ${size / 2 - stroke / 2} ${size / 2 - stroke / 2} 0 0 1 ${stroke / 2} ${size / 2 - stroke / 4}`
|
|
107
107
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSvg","_core","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","strokeMap","LoadingSpinner","color","customColor","size","durationMs","accessibilityHint","accessibilityLabel","testID","theme","useIOTheme","rotationDegree","useRef","Animated","Value","current","stroke","useEffect","animation","loop","timing","toValue","duration","easing","Easing","linear","useNativeDriver","start","stop","jsx","View","style","width","height","accessible","accessibilityRole","children","transform","rotateZ","interpolate","inputRange","outputRange","jsxs","viewBox","fill","Defs","LinearGradient","id","Stop","offset","stopOpacity","stopColor","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSvg","_core","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","strokeMap","LoadingSpinner","color","customColor","size","durationMs","accessibilityHint","accessibilityLabel","testID","theme","useIOTheme","rotationDegree","useRef","Animated","Value","current","stroke","IOColors","useEffect","animation","loop","timing","toValue","duration","easing","Easing","linear","useNativeDriver","start","stop","jsx","View","style","width","height","accessible","accessibilityRole","children","transform","rotateZ","interpolate","inputRange","outputRange","jsxs","viewBox","fill","Defs","LinearGradient","id","Stop","offset","stopOpacity","stopColor","G","strokeWidth","Path","d","strokeLinecap","exports"],"sourceRoot":"../../../../src","sources":["components/loadingSpinner/LoadingSpinner.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.NumberButton = void 0;
|
|
6
|
+
exports.numberButtonStyles = exports.NumberButton = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _reactNativeHapticFeedback = _interopRequireDefault(require("react-native-haptic-feedback"));
|
|
@@ -15,6 +15,8 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
15
15
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
16
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
17
17
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
18
|
+
const numberPadBtnSize = 56;
|
|
19
|
+
|
|
18
20
|
/**
|
|
19
21
|
* Based on a `Pressable` element, it displays a number button with animations on press In and Out.
|
|
20
22
|
*
|
|
@@ -64,7 +66,7 @@ const NumberButton = exports.NumberButton = /*#__PURE__*/(0, _react.memo)(({
|
|
|
64
66
|
onPressOut: onPressOut,
|
|
65
67
|
onPress: handleOnPress,
|
|
66
68
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
67
|
-
style: [
|
|
69
|
+
style: [numberButtonStyles.circularButton, numberButtonStyles.buttonSize, pressedAnimationStyle, !reducedMotion && scaleAnimatedStyle],
|
|
68
70
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.IOText, {
|
|
69
71
|
size: 22,
|
|
70
72
|
font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
|
|
@@ -79,4 +81,15 @@ const NumberButton = exports.NumberButton = /*#__PURE__*/(0, _react.memo)(({
|
|
|
79
81
|
})
|
|
80
82
|
});
|
|
81
83
|
});
|
|
84
|
+
const numberButtonStyles = exports.numberButtonStyles = _reactNative.StyleSheet.create({
|
|
85
|
+
circularButton: {
|
|
86
|
+
alignItems: "center",
|
|
87
|
+
justifyContent: "center",
|
|
88
|
+
borderRadius: numberPadBtnSize / 2
|
|
89
|
+
},
|
|
90
|
+
buttonSize: {
|
|
91
|
+
width: numberPadBtnSize,
|
|
92
|
+
height: numberPadBtnSize
|
|
93
|
+
}
|
|
94
|
+
});
|
|
82
95
|
//# sourceMappingURL=NumberButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_hooks","_typography","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","NumberButton","exports","memo","number","variant","onPress","theme","useIOTheme","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","newTypefaceEnabled","useIONewTypeface","colorMap","useMemo","neutral","background","hexToRgba","IOColors","pressed","foreground","primary","white","pressedAnimationStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","handleOnPress","useCallback","ReactNativeHapticFeedback","trigger","jsx","Pressable","accessible","accessibilityRole","children","View","style","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_hooks","_typography","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","numberPadBtnSize","NumberButton","exports","memo","number","variant","onPress","theme","useIOTheme","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","newTypefaceEnabled","useIONewTypeface","colorMap","useMemo","neutral","background","hexToRgba","IOColors","pressed","foreground","primary","white","pressedAnimationStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","handleOnPress","useCallback","ReactNativeHapticFeedback","trigger","jsx","Pressable","accessible","accessibilityRole","children","View","style","numberButtonStyles","circularButton","buttonSize","IOText","size","font","weight","color","textAlignVertical","StyleSheet","create","alignItems","justifyContent","borderRadius","width","height"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAL,uBAAA,CAAAC,OAAA;AAKA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AAAuC,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAG,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAV,wBAAAU,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AA2BvC,MAAMW,gBAAwB,GAAG,EAAE;;AAEnC;AACA;AACA;AACA;AACA;AACO,MAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAG,IAAAE,WAAI,EAC9B,CAAC;EAAEC,MAAM;EAAEC,OAAO;EAAEC;AAA2B,CAAC,KAAK;EACnD,MAAMC,KAAK,GAAG,IAAAC,gBAAU,EAAC,CAAC;EAE1B,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,UAAU;IAAEC;EAAmB,CAAC,GAC3D,IAAAC,wBAAiB,EAAC,QAAQ,CAAC;EAC7B,MAAMC,aAAa,GAAG,IAAAC,uCAAgB,EAAC,CAAC;EACxC,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAC,sBAAgB,EAAC,CAAC;EAEjD,MAAMC,QAA0D,GAAG,IAAAC,cAAO,EACxE,OAAO;IACLC,OAAO,EAAE;MACPC,UAAU,EAAE,IAAAC,eAAS,EACnBC,cAAQ,CAAChB,KAAK,CAAC,yBAAyB,CAAC,CAAC,EAC1C,GACF,CAAC;MACDiB,OAAO,EAAE,IAAAF,eAAS,EAACC,cAAQ,CAAChB,KAAK,CAAC,yBAAyB,CAAC,CAAC,EAAE,IAAI,CAAC;MACpEkB,UAAU,EAAElB,KAAK,CAAC,yBAAyB;IAC7C,CAAC;IACDmB,OAAO,EAAE;MACPL,UAAU,EAAE,IAAAC,eAAS,EAACC,cAAQ,CAACI,KAAK,EAAE,IAAI,CAAC;MAC3CH,OAAO,EAAE,IAAAF,eAAS,EAACC,cAAQ,CAACI,KAAK,EAAE,GAAG,CAAC;MACvCF,UAAU,EAAE;IACd;EACF,CAAC,CAAC,EACF,CAAClB,KAAK,CACR,CAAC;;EAED;EACA,MAAMqB,qBAAqB,GAAG,IAAAC,uCAAgB,EAAC,OAAO;IACpDC,eAAe,EAAE,IAAAC,uCAAgB,EAC/BtB,QAAQ,CAACuB,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACd,QAAQ,CAACb,OAAO,CAAC,CAACgB,UAAU,EAAEH,QAAQ,CAACb,OAAO,CAAC,CAACmB,OAAO,CAC1D;EACF,CAAC,CAAC,CAAC;EAEH,MAAMS,aAAa,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACtCC,kCAAyB,CAACC,OAAO,CAAC,aAAa,CAAC;IAChD9B,OAAO,CAACF,MAAM,CAAC;EACjB,CAAC,EAAE,CAACA,MAAM,EAAEE,OAAO,CAAC,CAAC;EAErB,oBACE,IAAA3B,WAAA,CAAA0D,GAAA,EAACjE,YAAA,CAAAkE,SAAS;IACRC,UAAU;IACVC,iBAAiB,EAAC,QAAQ;IAC1B9B,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IACvBL,OAAO,EAAE2B,aAAc;IAAAQ,QAAA,eAEvB,IAAA9D,WAAA,CAAA0D,GAAA,EAAC9D,sBAAA,CAAAO,OAAQ,CAAC4D,IAAI;MACZC,KAAK,EAAE,CACLC,kBAAkB,CAACC,cAAc,EACjCD,kBAAkB,CAACE,UAAU,EAC7BlB,qBAAqB,EACrB,CAACd,aAAa,IAAIF,kBAAkB,CACpC;MAAA6B,QAAA,eAEF,IAAA9D,WAAA,CAAA0D,GAAA,EAAC3D,WAAA,CAAAqE,MAAM;QACLC,IAAI,EAAE,EAAG;QACTC,IAAI,EAAEjC,kBAAkB,GAAG,UAAU,GAAG,kBAAmB;QAC3DkC,MAAM,EAAC,UAAU;QACjBC,KAAK,EAAEjC,QAAQ,CAACb,OAAO,CAAC,CAACoB,UAAW;QACpCkB,KAAK,EAAE;UACL;UACAS,iBAAiB,EAAE;QACrB,CAAE;QAAAX,QAAA,EAEDrC;MAAM,CACD;IAAC,CACI;EAAC,CACP,CAAC;AAEhB,CACF,CAAC;AAEM,MAAMwC,kBAAkB,GAAA1C,OAAA,CAAA0C,kBAAA,GAAGS,uBAAU,CAACC,MAAM,CAAC;EAClDT,cAAc,EAAE;IACdU,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,YAAY,EAAEzD,gBAAgB,GAAG;EACnC,CAAC;EACD8C,UAAU,EAAE;IACVY,KAAK,EAAE1D,gBAAgB;IACvB2D,MAAM,EAAE3D;EACV;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.NumberPad = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
-
var _core = require("../../core");
|
|
10
9
|
var _buttons = require("../buttons");
|
|
10
|
+
var _contentWrapper = require("../contentWrapper");
|
|
11
11
|
var _stack = require("../stack");
|
|
12
12
|
var _NumberButton = require("./NumberButton");
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
@@ -77,7 +77,7 @@ const NumberPad = ({
|
|
|
77
77
|
}, item);
|
|
78
78
|
}
|
|
79
79
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
80
|
-
style:
|
|
80
|
+
style: _NumberButton.numberButtonStyles.buttonSize
|
|
81
81
|
}, "emptyElem");
|
|
82
82
|
}), [biometricAccessibilityLabel, biometricType, deleteAccessibilityLabel, onBiometricPress, onDeletePress, onNumberPress, variant]);
|
|
83
83
|
|
|
@@ -85,12 +85,11 @@ const NumberPad = ({
|
|
|
85
85
|
const numberPad = (0, _react.useMemo)(() => /*#__PURE__*/(0, _jsxRuntime.jsx)(_stack.VStack, {
|
|
86
86
|
space: 16,
|
|
87
87
|
children: [[1, 2, 3], [4, 5, 6], [7, 8, 9], [biometricType, 0, "delete"]].map((row, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
88
|
-
style:
|
|
88
|
+
style: styles.numberPad,
|
|
89
89
|
children: renderButtonsRow(row)
|
|
90
90
|
}, i))
|
|
91
91
|
}), [biometricType, renderButtonsRow]);
|
|
92
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
93
|
-
style: _core.IOStyles.horizontalContentPadding,
|
|
92
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_contentWrapper.ContentWrapper, {
|
|
94
93
|
children: numberPad
|
|
95
94
|
});
|
|
96
95
|
};
|
|
@@ -98,11 +97,15 @@ exports.NumberPad = NumberPad;
|
|
|
98
97
|
const ButtonWrapper = ({
|
|
99
98
|
children
|
|
100
99
|
}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
101
|
-
style: [
|
|
100
|
+
style: [_NumberButton.numberButtonStyles.buttonSize, {
|
|
101
|
+
alignItems: "center",
|
|
102
|
+
justifyContent: "center"
|
|
103
|
+
}],
|
|
102
104
|
children: children
|
|
103
105
|
});
|
|
104
106
|
const styles = _reactNative.StyleSheet.create({
|
|
105
107
|
numberPad: {
|
|
108
|
+
flexDirection: "row",
|
|
106
109
|
justifyContent: "space-between",
|
|
107
110
|
alignItems: "center",
|
|
108
111
|
flexGrow: 1
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_buttons","_contentWrapper","_stack","_NumberButton","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","mapIconSpecByBiometric","FACE_ID","icon","size","TOUCH_ID","BIOMETRICS","NumberPad","variant","biometricType","biometricAccessibilityLabel","deleteAccessibilityLabel","onNumberPress","onBiometricPress","onDeletePress","renderButtonsRow","useCallback","row","map","item","jsx","NumberButton","number","onPress","ButtonWrapper","children","IconButton","color","accessibilityLabel","iconSize","View","style","numberButtonStyles","buttonSize","numberPad","useMemo","VStack","space","styles","ContentWrapper","exports","alignItems","justifyContent","StyleSheet","create","flexDirection","flexGrow"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberPad.tsx"],"mappings":"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","ignoreList":[]}
|