@pagopa/io-app-design-system 5.3.9 → 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/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/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/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/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":"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","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":[]}
|