@hero-design/rn 8.59.0 → 8.60.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/.turbo/turbo-build.log +1 -1
- package/CHANGELOG.md +6 -0
- package/es/index.js +183 -102
- package/lib/index.js +183 -102
- package/package.json +1 -1
- package/src/components/AnimatedScroller/AnimatedFAB.tsx +99 -49
- package/src/components/AnimatedScroller/AnimatedScrollable.tsx +18 -3
- package/src/components/AnimatedScroller/__tests__/ScrollablesWithFAB.spec.tsx +30 -9
- package/src/components/AnimatedScroller/__tests__/__snapshots__/ScrollablesWithFAB.spec.tsx.snap +474 -447
- package/src/components/FAB/ActionGroup/ActionItem.tsx +3 -1
- package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +216 -211
- package/src/components/FAB/ActionGroup/index.tsx +34 -28
- package/src/components/FAB/FAB.tsx +102 -41
- package/src/components/FAB/StyledFAB.tsx +10 -8
- package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap +34 -38
- package/src/components/FAB/__tests__/__snapshots__/index.spec.tsx.snap +191 -170
- package/types/components/AnimatedScroller/AnimatedFAB.d.ts +3 -1
- package/types/components/AnimatedScroller/AnimatedScrollable.d.ts +1 -1
- package/types/components/FAB/StyledFAB.d.ts +4 -6
package/src/components/AnimatedScroller/__tests__/__snapshots__/ScrollablesWithFAB.spec.tsx.snap
CHANGED
|
@@ -769,11 +769,7 @@ exports[`Scrollables With FAB [Function ExampleFlatListWithFAB] renders ActionGr
|
|
|
769
769
|
>
|
|
770
770
|
<View
|
|
771
771
|
collapsable={false}
|
|
772
|
-
style={
|
|
773
|
-
{
|
|
774
|
-
"opacity": 1,
|
|
775
|
-
}
|
|
776
|
-
}
|
|
772
|
+
style={{}}
|
|
777
773
|
>
|
|
778
774
|
<View
|
|
779
775
|
accessibilityValue={
|
|
@@ -795,69 +791,99 @@ exports[`Scrollables With FAB [Function ExampleFlatListWithFAB] renders ActionGr
|
|
|
795
791
|
onResponderTerminationRequest={[Function]}
|
|
796
792
|
onStartShouldSetResponder={[Function]}
|
|
797
793
|
style={
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
"
|
|
814
|
-
"
|
|
794
|
+
{
|
|
795
|
+
"alignItems": "center",
|
|
796
|
+
"alignSelf": "flex-end",
|
|
797
|
+
"backgroundColor": "#401960",
|
|
798
|
+
"borderRadius": 999,
|
|
799
|
+
"bottom": undefined,
|
|
800
|
+
"elevation": 3,
|
|
801
|
+
"flexDirection": "row",
|
|
802
|
+
"height": 64,
|
|
803
|
+
"justifyContent": "center",
|
|
804
|
+
"marginRight": 24,
|
|
805
|
+
"marginTop": 24,
|
|
806
|
+
"padding": 20,
|
|
807
|
+
"shadowColor": "#001f23",
|
|
808
|
+
"shadowOffset": {
|
|
809
|
+
"height": 2,
|
|
810
|
+
"width": 0,
|
|
815
811
|
},
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
"alignSelf": "flex-end",
|
|
820
|
-
"marginRight": 24,
|
|
821
|
-
"marginTop": 24,
|
|
822
|
-
},
|
|
823
|
-
undefined,
|
|
824
|
-
],
|
|
812
|
+
"shadowOpacity": 0.12,
|
|
813
|
+
"shadowRadius": 4,
|
|
814
|
+
"transform": [
|
|
825
815
|
{
|
|
826
|
-
"
|
|
816
|
+
"translateY": 0,
|
|
827
817
|
},
|
|
828
818
|
],
|
|
829
|
-
|
|
819
|
+
}
|
|
830
820
|
}
|
|
831
821
|
testID="fab"
|
|
832
822
|
>
|
|
833
823
|
<View
|
|
824
|
+
collapsable={false}
|
|
834
825
|
style={
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
"alignItems": "center",
|
|
840
|
-
"height": 24,
|
|
841
|
-
"justifyContent": "center",
|
|
842
|
-
"width": 24,
|
|
843
|
-
},
|
|
844
|
-
undefined,
|
|
845
|
-
],
|
|
846
|
-
]
|
|
826
|
+
{
|
|
827
|
+
"flexDirection": "row",
|
|
828
|
+
"opacity": 1,
|
|
829
|
+
}
|
|
847
830
|
}
|
|
848
831
|
>
|
|
849
|
-
<
|
|
850
|
-
|
|
832
|
+
<View
|
|
833
|
+
style={
|
|
834
|
+
[
|
|
835
|
+
{},
|
|
836
|
+
[
|
|
837
|
+
{
|
|
838
|
+
"alignItems": "center",
|
|
839
|
+
"height": 24,
|
|
840
|
+
"justifyContent": "center",
|
|
841
|
+
"width": 24,
|
|
842
|
+
},
|
|
843
|
+
undefined,
|
|
844
|
+
],
|
|
845
|
+
]
|
|
846
|
+
}
|
|
847
|
+
>
|
|
848
|
+
<HeroIcon
|
|
849
|
+
name="add"
|
|
850
|
+
style={
|
|
851
|
+
[
|
|
852
|
+
{
|
|
853
|
+
"color": "#001f23",
|
|
854
|
+
"fontSize": 16,
|
|
855
|
+
},
|
|
856
|
+
[
|
|
857
|
+
{
|
|
858
|
+
"color": "#ffffff",
|
|
859
|
+
"lineHeight": 24,
|
|
860
|
+
"textAlign": "center",
|
|
861
|
+
"textAlignVertical": "center",
|
|
862
|
+
},
|
|
863
|
+
undefined,
|
|
864
|
+
],
|
|
865
|
+
]
|
|
866
|
+
}
|
|
867
|
+
testID="styled-fab-icon"
|
|
868
|
+
themeIntent="text"
|
|
869
|
+
themeSize="xsmall"
|
|
870
|
+
/>
|
|
871
|
+
</View>
|
|
872
|
+
<Text
|
|
873
|
+
allowFontScaling={false}
|
|
851
874
|
style={
|
|
852
875
|
[
|
|
853
876
|
{
|
|
854
877
|
"color": "#001f23",
|
|
878
|
+
"fontFamily": "BeVietnamPro-Regular",
|
|
855
879
|
"fontSize": 16,
|
|
880
|
+
"letterSpacing": 0.48,
|
|
881
|
+
"lineHeight": 24,
|
|
856
882
|
},
|
|
857
883
|
[
|
|
858
884
|
{
|
|
859
885
|
"color": "#ffffff",
|
|
860
|
-
"
|
|
886
|
+
"marginHorizontal": 8,
|
|
861
887
|
"textAlign": "center",
|
|
862
888
|
"textAlignVertical": "center",
|
|
863
889
|
},
|
|
@@ -865,39 +891,13 @@ exports[`Scrollables With FAB [Function ExampleFlatListWithFAB] renders ActionGr
|
|
|
865
891
|
],
|
|
866
892
|
]
|
|
867
893
|
}
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
|
|
894
|
+
themeIntent="body"
|
|
895
|
+
themeTypeface="neutral"
|
|
896
|
+
themeVariant="regular"
|
|
897
|
+
>
|
|
898
|
+
Shout out
|
|
899
|
+
</Text>
|
|
872
900
|
</View>
|
|
873
|
-
<Text
|
|
874
|
-
allowFontScaling={false}
|
|
875
|
-
style={
|
|
876
|
-
[
|
|
877
|
-
{
|
|
878
|
-
"color": "#001f23",
|
|
879
|
-
"fontFamily": "BeVietnamPro-Regular",
|
|
880
|
-
"fontSize": 16,
|
|
881
|
-
"letterSpacing": 0.48,
|
|
882
|
-
"lineHeight": 24,
|
|
883
|
-
},
|
|
884
|
-
[
|
|
885
|
-
{
|
|
886
|
-
"color": "#ffffff",
|
|
887
|
-
"marginHorizontal": 8,
|
|
888
|
-
"textAlign": "center",
|
|
889
|
-
"textAlignVertical": "center",
|
|
890
|
-
},
|
|
891
|
-
undefined,
|
|
892
|
-
],
|
|
893
|
-
]
|
|
894
|
-
}
|
|
895
|
-
themeIntent="body"
|
|
896
|
-
themeTypeface="neutral"
|
|
897
|
-
themeVariant="regular"
|
|
898
|
-
>
|
|
899
|
-
Shout out
|
|
900
|
-
</Text>
|
|
901
901
|
</View>
|
|
902
902
|
</View>
|
|
903
903
|
<Modal
|
|
@@ -1701,61 +1701,96 @@ exports[`Scrollables With FAB [Function ExampleFlatListWithFAB] renders FAB corr
|
|
|
1701
1701
|
onResponderTerminationRequest={[Function]}
|
|
1702
1702
|
onStartShouldSetResponder={[Function]}
|
|
1703
1703
|
style={
|
|
1704
|
-
|
|
1705
|
-
|
|
1706
|
-
|
|
1707
|
-
|
|
1708
|
-
|
|
1709
|
-
|
|
1710
|
-
|
|
1711
|
-
|
|
1712
|
-
|
|
1713
|
-
|
|
1714
|
-
|
|
1715
|
-
|
|
1716
|
-
|
|
1717
|
-
|
|
1718
|
-
|
|
1719
|
-
|
|
1720
|
-
|
|
1721
|
-
|
|
1722
|
-
[
|
|
1723
|
-
undefined,
|
|
1704
|
+
{
|
|
1705
|
+
"alignItems": "center",
|
|
1706
|
+
"alignSelf": "flex-start",
|
|
1707
|
+
"backgroundColor": "#401960",
|
|
1708
|
+
"borderRadius": 999,
|
|
1709
|
+
"bottom": undefined,
|
|
1710
|
+
"elevation": 3,
|
|
1711
|
+
"flexDirection": "row",
|
|
1712
|
+
"height": 64,
|
|
1713
|
+
"justifyContent": "center",
|
|
1714
|
+
"padding": 20,
|
|
1715
|
+
"shadowColor": "#001f23",
|
|
1716
|
+
"shadowOffset": {
|
|
1717
|
+
"height": 2,
|
|
1718
|
+
"width": 0,
|
|
1719
|
+
},
|
|
1720
|
+
"shadowOpacity": 0.12,
|
|
1721
|
+
"shadowRadius": 4,
|
|
1722
|
+
"transform": [
|
|
1724
1723
|
{
|
|
1725
|
-
"
|
|
1724
|
+
"translateY": 0,
|
|
1726
1725
|
},
|
|
1727
1726
|
],
|
|
1728
|
-
|
|
1727
|
+
}
|
|
1729
1728
|
}
|
|
1730
1729
|
>
|
|
1731
1730
|
<View
|
|
1731
|
+
collapsable={false}
|
|
1732
1732
|
style={
|
|
1733
|
-
|
|
1734
|
-
|
|
1735
|
-
|
|
1736
|
-
|
|
1737
|
-
"alignItems": "center",
|
|
1738
|
-
"height": 24,
|
|
1739
|
-
"justifyContent": "center",
|
|
1740
|
-
"width": 24,
|
|
1741
|
-
},
|
|
1742
|
-
undefined,
|
|
1743
|
-
],
|
|
1744
|
-
]
|
|
1733
|
+
{
|
|
1734
|
+
"flexDirection": "row",
|
|
1735
|
+
"opacity": 1,
|
|
1736
|
+
}
|
|
1745
1737
|
}
|
|
1746
1738
|
>
|
|
1747
|
-
<
|
|
1748
|
-
|
|
1739
|
+
<View
|
|
1740
|
+
style={
|
|
1741
|
+
[
|
|
1742
|
+
{},
|
|
1743
|
+
[
|
|
1744
|
+
{
|
|
1745
|
+
"alignItems": "center",
|
|
1746
|
+
"height": 24,
|
|
1747
|
+
"justifyContent": "center",
|
|
1748
|
+
"width": 24,
|
|
1749
|
+
},
|
|
1750
|
+
undefined,
|
|
1751
|
+
],
|
|
1752
|
+
]
|
|
1753
|
+
}
|
|
1754
|
+
>
|
|
1755
|
+
<HeroIcon
|
|
1756
|
+
name="speaker"
|
|
1757
|
+
style={
|
|
1758
|
+
[
|
|
1759
|
+
{
|
|
1760
|
+
"color": "#001f23",
|
|
1761
|
+
"fontSize": 16,
|
|
1762
|
+
},
|
|
1763
|
+
[
|
|
1764
|
+
{
|
|
1765
|
+
"color": "#ffffff",
|
|
1766
|
+
"lineHeight": 24,
|
|
1767
|
+
"textAlign": "center",
|
|
1768
|
+
"textAlignVertical": "center",
|
|
1769
|
+
},
|
|
1770
|
+
undefined,
|
|
1771
|
+
],
|
|
1772
|
+
]
|
|
1773
|
+
}
|
|
1774
|
+
testID="styled-fab-icon"
|
|
1775
|
+
themeIntent="text"
|
|
1776
|
+
themeSize="xsmall"
|
|
1777
|
+
/>
|
|
1778
|
+
</View>
|
|
1779
|
+
<Text
|
|
1780
|
+
allowFontScaling={false}
|
|
1749
1781
|
style={
|
|
1750
1782
|
[
|
|
1751
1783
|
{
|
|
1752
1784
|
"color": "#001f23",
|
|
1785
|
+
"fontFamily": "BeVietnamPro-Regular",
|
|
1753
1786
|
"fontSize": 16,
|
|
1787
|
+
"letterSpacing": 0.48,
|
|
1788
|
+
"lineHeight": 24,
|
|
1754
1789
|
},
|
|
1755
1790
|
[
|
|
1756
1791
|
{
|
|
1757
1792
|
"color": "#ffffff",
|
|
1758
|
-
"
|
|
1793
|
+
"marginHorizontal": 8,
|
|
1759
1794
|
"textAlign": "center",
|
|
1760
1795
|
"textAlignVertical": "center",
|
|
1761
1796
|
},
|
|
@@ -1763,39 +1798,13 @@ exports[`Scrollables With FAB [Function ExampleFlatListWithFAB] renders FAB corr
|
|
|
1763
1798
|
],
|
|
1764
1799
|
]
|
|
1765
1800
|
}
|
|
1766
|
-
|
|
1767
|
-
|
|
1768
|
-
|
|
1769
|
-
|
|
1801
|
+
themeIntent="body"
|
|
1802
|
+
themeTypeface="neutral"
|
|
1803
|
+
themeVariant="regular"
|
|
1804
|
+
>
|
|
1805
|
+
Shout out
|
|
1806
|
+
</Text>
|
|
1770
1807
|
</View>
|
|
1771
|
-
<Text
|
|
1772
|
-
allowFontScaling={false}
|
|
1773
|
-
style={
|
|
1774
|
-
[
|
|
1775
|
-
{
|
|
1776
|
-
"color": "#001f23",
|
|
1777
|
-
"fontFamily": "BeVietnamPro-Regular",
|
|
1778
|
-
"fontSize": 16,
|
|
1779
|
-
"letterSpacing": 0.48,
|
|
1780
|
-
"lineHeight": 24,
|
|
1781
|
-
},
|
|
1782
|
-
[
|
|
1783
|
-
{
|
|
1784
|
-
"color": "#ffffff",
|
|
1785
|
-
"marginHorizontal": 8,
|
|
1786
|
-
"textAlign": "center",
|
|
1787
|
-
"textAlignVertical": "center",
|
|
1788
|
-
},
|
|
1789
|
-
undefined,
|
|
1790
|
-
],
|
|
1791
|
-
]
|
|
1792
|
-
}
|
|
1793
|
-
themeIntent="body"
|
|
1794
|
-
themeTypeface="neutral"
|
|
1795
|
-
themeVariant="regular"
|
|
1796
|
-
>
|
|
1797
|
-
Shout out
|
|
1798
|
-
</Text>
|
|
1799
1808
|
</View>
|
|
1800
1809
|
<View
|
|
1801
1810
|
pointerEvents="box-none"
|
|
@@ -1929,11 +1938,7 @@ exports[`Scrollables With FAB [Function ExampleScrollViewWithFAB] renders Action
|
|
|
1929
1938
|
>
|
|
1930
1939
|
<View
|
|
1931
1940
|
collapsable={false}
|
|
1932
|
-
style={
|
|
1933
|
-
{
|
|
1934
|
-
"opacity": 1,
|
|
1935
|
-
}
|
|
1936
|
-
}
|
|
1941
|
+
style={{}}
|
|
1937
1942
|
>
|
|
1938
1943
|
<View
|
|
1939
1944
|
accessibilityValue={
|
|
@@ -1955,69 +1960,99 @@ exports[`Scrollables With FAB [Function ExampleScrollViewWithFAB] renders Action
|
|
|
1955
1960
|
onResponderTerminationRequest={[Function]}
|
|
1956
1961
|
onStartShouldSetResponder={[Function]}
|
|
1957
1962
|
style={
|
|
1958
|
-
|
|
1959
|
-
|
|
1960
|
-
|
|
1961
|
-
|
|
1962
|
-
|
|
1963
|
-
|
|
1964
|
-
|
|
1965
|
-
|
|
1966
|
-
|
|
1967
|
-
|
|
1968
|
-
|
|
1969
|
-
|
|
1970
|
-
|
|
1971
|
-
|
|
1972
|
-
|
|
1973
|
-
"
|
|
1974
|
-
"
|
|
1963
|
+
{
|
|
1964
|
+
"alignItems": "center",
|
|
1965
|
+
"alignSelf": "flex-end",
|
|
1966
|
+
"backgroundColor": "#401960",
|
|
1967
|
+
"borderRadius": 999,
|
|
1968
|
+
"bottom": undefined,
|
|
1969
|
+
"elevation": 3,
|
|
1970
|
+
"flexDirection": "row",
|
|
1971
|
+
"height": 64,
|
|
1972
|
+
"justifyContent": "center",
|
|
1973
|
+
"marginRight": 24,
|
|
1974
|
+
"marginTop": 24,
|
|
1975
|
+
"padding": 20,
|
|
1976
|
+
"shadowColor": "#001f23",
|
|
1977
|
+
"shadowOffset": {
|
|
1978
|
+
"height": 2,
|
|
1979
|
+
"width": 0,
|
|
1975
1980
|
},
|
|
1976
|
-
|
|
1977
|
-
|
|
1978
|
-
|
|
1979
|
-
"alignSelf": "flex-end",
|
|
1980
|
-
"marginRight": 24,
|
|
1981
|
-
"marginTop": 24,
|
|
1982
|
-
},
|
|
1983
|
-
undefined,
|
|
1984
|
-
],
|
|
1981
|
+
"shadowOpacity": 0.12,
|
|
1982
|
+
"shadowRadius": 4,
|
|
1983
|
+
"transform": [
|
|
1985
1984
|
{
|
|
1986
|
-
"
|
|
1985
|
+
"translateY": 0,
|
|
1987
1986
|
},
|
|
1988
1987
|
],
|
|
1989
|
-
|
|
1988
|
+
}
|
|
1990
1989
|
}
|
|
1991
1990
|
testID="fab"
|
|
1992
1991
|
>
|
|
1993
1992
|
<View
|
|
1993
|
+
collapsable={false}
|
|
1994
1994
|
style={
|
|
1995
|
-
|
|
1996
|
-
|
|
1997
|
-
|
|
1998
|
-
|
|
1999
|
-
"alignItems": "center",
|
|
2000
|
-
"height": 24,
|
|
2001
|
-
"justifyContent": "center",
|
|
2002
|
-
"width": 24,
|
|
2003
|
-
},
|
|
2004
|
-
undefined,
|
|
2005
|
-
],
|
|
2006
|
-
]
|
|
1995
|
+
{
|
|
1996
|
+
"flexDirection": "row",
|
|
1997
|
+
"opacity": 1,
|
|
1998
|
+
}
|
|
2007
1999
|
}
|
|
2008
2000
|
>
|
|
2009
|
-
<
|
|
2010
|
-
|
|
2001
|
+
<View
|
|
2002
|
+
style={
|
|
2003
|
+
[
|
|
2004
|
+
{},
|
|
2005
|
+
[
|
|
2006
|
+
{
|
|
2007
|
+
"alignItems": "center",
|
|
2008
|
+
"height": 24,
|
|
2009
|
+
"justifyContent": "center",
|
|
2010
|
+
"width": 24,
|
|
2011
|
+
},
|
|
2012
|
+
undefined,
|
|
2013
|
+
],
|
|
2014
|
+
]
|
|
2015
|
+
}
|
|
2016
|
+
>
|
|
2017
|
+
<HeroIcon
|
|
2018
|
+
name="add"
|
|
2019
|
+
style={
|
|
2020
|
+
[
|
|
2021
|
+
{
|
|
2022
|
+
"color": "#001f23",
|
|
2023
|
+
"fontSize": 16,
|
|
2024
|
+
},
|
|
2025
|
+
[
|
|
2026
|
+
{
|
|
2027
|
+
"color": "#ffffff",
|
|
2028
|
+
"lineHeight": 24,
|
|
2029
|
+
"textAlign": "center",
|
|
2030
|
+
"textAlignVertical": "center",
|
|
2031
|
+
},
|
|
2032
|
+
undefined,
|
|
2033
|
+
],
|
|
2034
|
+
]
|
|
2035
|
+
}
|
|
2036
|
+
testID="styled-fab-icon"
|
|
2037
|
+
themeIntent="text"
|
|
2038
|
+
themeSize="xsmall"
|
|
2039
|
+
/>
|
|
2040
|
+
</View>
|
|
2041
|
+
<Text
|
|
2042
|
+
allowFontScaling={false}
|
|
2011
2043
|
style={
|
|
2012
2044
|
[
|
|
2013
2045
|
{
|
|
2014
2046
|
"color": "#001f23",
|
|
2047
|
+
"fontFamily": "BeVietnamPro-Regular",
|
|
2015
2048
|
"fontSize": 16,
|
|
2049
|
+
"letterSpacing": 0.48,
|
|
2050
|
+
"lineHeight": 24,
|
|
2016
2051
|
},
|
|
2017
2052
|
[
|
|
2018
2053
|
{
|
|
2019
2054
|
"color": "#ffffff",
|
|
2020
|
-
"
|
|
2055
|
+
"marginHorizontal": 8,
|
|
2021
2056
|
"textAlign": "center",
|
|
2022
2057
|
"textAlignVertical": "center",
|
|
2023
2058
|
},
|
|
@@ -2025,39 +2060,13 @@ exports[`Scrollables With FAB [Function ExampleScrollViewWithFAB] renders Action
|
|
|
2025
2060
|
],
|
|
2026
2061
|
]
|
|
2027
2062
|
}
|
|
2028
|
-
|
|
2029
|
-
|
|
2030
|
-
|
|
2031
|
-
|
|
2063
|
+
themeIntent="body"
|
|
2064
|
+
themeTypeface="neutral"
|
|
2065
|
+
themeVariant="regular"
|
|
2066
|
+
>
|
|
2067
|
+
Shout out
|
|
2068
|
+
</Text>
|
|
2032
2069
|
</View>
|
|
2033
|
-
<Text
|
|
2034
|
-
allowFontScaling={false}
|
|
2035
|
-
style={
|
|
2036
|
-
[
|
|
2037
|
-
{
|
|
2038
|
-
"color": "#001f23",
|
|
2039
|
-
"fontFamily": "BeVietnamPro-Regular",
|
|
2040
|
-
"fontSize": 16,
|
|
2041
|
-
"letterSpacing": 0.48,
|
|
2042
|
-
"lineHeight": 24,
|
|
2043
|
-
},
|
|
2044
|
-
[
|
|
2045
|
-
{
|
|
2046
|
-
"color": "#ffffff",
|
|
2047
|
-
"marginHorizontal": 8,
|
|
2048
|
-
"textAlign": "center",
|
|
2049
|
-
"textAlignVertical": "center",
|
|
2050
|
-
},
|
|
2051
|
-
undefined,
|
|
2052
|
-
],
|
|
2053
|
-
]
|
|
2054
|
-
}
|
|
2055
|
-
themeIntent="body"
|
|
2056
|
-
themeTypeface="neutral"
|
|
2057
|
-
themeVariant="regular"
|
|
2058
|
-
>
|
|
2059
|
-
Shout out
|
|
2060
|
-
</Text>
|
|
2061
2070
|
</View>
|
|
2062
2071
|
</View>
|
|
2063
2072
|
<Modal
|
|
@@ -2201,61 +2210,96 @@ exports[`Scrollables With FAB [Function ExampleScrollViewWithFAB] renders FAB co
|
|
|
2201
2210
|
onResponderTerminationRequest={[Function]}
|
|
2202
2211
|
onStartShouldSetResponder={[Function]}
|
|
2203
2212
|
style={
|
|
2204
|
-
|
|
2205
|
-
|
|
2206
|
-
|
|
2207
|
-
|
|
2208
|
-
|
|
2209
|
-
|
|
2210
|
-
|
|
2211
|
-
|
|
2212
|
-
|
|
2213
|
-
|
|
2214
|
-
|
|
2215
|
-
|
|
2216
|
-
|
|
2217
|
-
|
|
2218
|
-
|
|
2219
|
-
|
|
2220
|
-
|
|
2221
|
-
|
|
2222
|
-
[
|
|
2223
|
-
undefined,
|
|
2213
|
+
{
|
|
2214
|
+
"alignItems": "center",
|
|
2215
|
+
"alignSelf": "flex-start",
|
|
2216
|
+
"backgroundColor": "#401960",
|
|
2217
|
+
"borderRadius": 999,
|
|
2218
|
+
"bottom": undefined,
|
|
2219
|
+
"elevation": 3,
|
|
2220
|
+
"flexDirection": "row",
|
|
2221
|
+
"height": 64,
|
|
2222
|
+
"justifyContent": "center",
|
|
2223
|
+
"padding": 20,
|
|
2224
|
+
"shadowColor": "#001f23",
|
|
2225
|
+
"shadowOffset": {
|
|
2226
|
+
"height": 2,
|
|
2227
|
+
"width": 0,
|
|
2228
|
+
},
|
|
2229
|
+
"shadowOpacity": 0.12,
|
|
2230
|
+
"shadowRadius": 4,
|
|
2231
|
+
"transform": [
|
|
2224
2232
|
{
|
|
2225
|
-
"
|
|
2233
|
+
"translateY": 0,
|
|
2226
2234
|
},
|
|
2227
2235
|
],
|
|
2228
|
-
|
|
2236
|
+
}
|
|
2229
2237
|
}
|
|
2230
2238
|
>
|
|
2231
2239
|
<View
|
|
2240
|
+
collapsable={false}
|
|
2232
2241
|
style={
|
|
2233
|
-
|
|
2234
|
-
|
|
2235
|
-
|
|
2236
|
-
|
|
2237
|
-
"alignItems": "center",
|
|
2238
|
-
"height": 24,
|
|
2239
|
-
"justifyContent": "center",
|
|
2240
|
-
"width": 24,
|
|
2241
|
-
},
|
|
2242
|
-
undefined,
|
|
2243
|
-
],
|
|
2244
|
-
]
|
|
2242
|
+
{
|
|
2243
|
+
"flexDirection": "row",
|
|
2244
|
+
"opacity": 1,
|
|
2245
|
+
}
|
|
2245
2246
|
}
|
|
2246
2247
|
>
|
|
2247
|
-
<
|
|
2248
|
-
|
|
2248
|
+
<View
|
|
2249
|
+
style={
|
|
2250
|
+
[
|
|
2251
|
+
{},
|
|
2252
|
+
[
|
|
2253
|
+
{
|
|
2254
|
+
"alignItems": "center",
|
|
2255
|
+
"height": 24,
|
|
2256
|
+
"justifyContent": "center",
|
|
2257
|
+
"width": 24,
|
|
2258
|
+
},
|
|
2259
|
+
undefined,
|
|
2260
|
+
],
|
|
2261
|
+
]
|
|
2262
|
+
}
|
|
2263
|
+
>
|
|
2264
|
+
<HeroIcon
|
|
2265
|
+
name="speaker"
|
|
2266
|
+
style={
|
|
2267
|
+
[
|
|
2268
|
+
{
|
|
2269
|
+
"color": "#001f23",
|
|
2270
|
+
"fontSize": 16,
|
|
2271
|
+
},
|
|
2272
|
+
[
|
|
2273
|
+
{
|
|
2274
|
+
"color": "#ffffff",
|
|
2275
|
+
"lineHeight": 24,
|
|
2276
|
+
"textAlign": "center",
|
|
2277
|
+
"textAlignVertical": "center",
|
|
2278
|
+
},
|
|
2279
|
+
undefined,
|
|
2280
|
+
],
|
|
2281
|
+
]
|
|
2282
|
+
}
|
|
2283
|
+
testID="styled-fab-icon"
|
|
2284
|
+
themeIntent="text"
|
|
2285
|
+
themeSize="xsmall"
|
|
2286
|
+
/>
|
|
2287
|
+
</View>
|
|
2288
|
+
<Text
|
|
2289
|
+
allowFontScaling={false}
|
|
2249
2290
|
style={
|
|
2250
2291
|
[
|
|
2251
2292
|
{
|
|
2252
2293
|
"color": "#001f23",
|
|
2294
|
+
"fontFamily": "BeVietnamPro-Regular",
|
|
2253
2295
|
"fontSize": 16,
|
|
2296
|
+
"letterSpacing": 0.48,
|
|
2297
|
+
"lineHeight": 24,
|
|
2254
2298
|
},
|
|
2255
2299
|
[
|
|
2256
2300
|
{
|
|
2257
2301
|
"color": "#ffffff",
|
|
2258
|
-
"
|
|
2302
|
+
"marginHorizontal": 8,
|
|
2259
2303
|
"textAlign": "center",
|
|
2260
2304
|
"textAlignVertical": "center",
|
|
2261
2305
|
},
|
|
@@ -2263,39 +2307,13 @@ exports[`Scrollables With FAB [Function ExampleScrollViewWithFAB] renders FAB co
|
|
|
2263
2307
|
],
|
|
2264
2308
|
]
|
|
2265
2309
|
}
|
|
2266
|
-
|
|
2267
|
-
|
|
2268
|
-
|
|
2269
|
-
|
|
2310
|
+
themeIntent="body"
|
|
2311
|
+
themeTypeface="neutral"
|
|
2312
|
+
themeVariant="regular"
|
|
2313
|
+
>
|
|
2314
|
+
Shout out
|
|
2315
|
+
</Text>
|
|
2270
2316
|
</View>
|
|
2271
|
-
<Text
|
|
2272
|
-
allowFontScaling={false}
|
|
2273
|
-
style={
|
|
2274
|
-
[
|
|
2275
|
-
{
|
|
2276
|
-
"color": "#001f23",
|
|
2277
|
-
"fontFamily": "BeVietnamPro-Regular",
|
|
2278
|
-
"fontSize": 16,
|
|
2279
|
-
"letterSpacing": 0.48,
|
|
2280
|
-
"lineHeight": 24,
|
|
2281
|
-
},
|
|
2282
|
-
[
|
|
2283
|
-
{
|
|
2284
|
-
"color": "#ffffff",
|
|
2285
|
-
"marginHorizontal": 8,
|
|
2286
|
-
"textAlign": "center",
|
|
2287
|
-
"textAlignVertical": "center",
|
|
2288
|
-
},
|
|
2289
|
-
undefined,
|
|
2290
|
-
],
|
|
2291
|
-
]
|
|
2292
|
-
}
|
|
2293
|
-
themeIntent="body"
|
|
2294
|
-
themeTypeface="neutral"
|
|
2295
|
-
themeVariant="regular"
|
|
2296
|
-
>
|
|
2297
|
-
Shout out
|
|
2298
|
-
</Text>
|
|
2299
2317
|
</View>
|
|
2300
2318
|
<View
|
|
2301
2319
|
pointerEvents="box-none"
|
|
@@ -2736,11 +2754,7 @@ exports[`Scrollables With FAB [Function ExampleSectionListWithFAB] renders Actio
|
|
|
2736
2754
|
>
|
|
2737
2755
|
<View
|
|
2738
2756
|
collapsable={false}
|
|
2739
|
-
style={
|
|
2740
|
-
{
|
|
2741
|
-
"opacity": 1,
|
|
2742
|
-
}
|
|
2743
|
-
}
|
|
2757
|
+
style={{}}
|
|
2744
2758
|
>
|
|
2745
2759
|
<View
|
|
2746
2760
|
accessibilityValue={
|
|
@@ -2762,69 +2776,99 @@ exports[`Scrollables With FAB [Function ExampleSectionListWithFAB] renders Actio
|
|
|
2762
2776
|
onResponderTerminationRequest={[Function]}
|
|
2763
2777
|
onStartShouldSetResponder={[Function]}
|
|
2764
2778
|
style={
|
|
2765
|
-
|
|
2766
|
-
|
|
2767
|
-
|
|
2768
|
-
|
|
2769
|
-
|
|
2770
|
-
|
|
2771
|
-
|
|
2772
|
-
|
|
2773
|
-
|
|
2774
|
-
|
|
2775
|
-
|
|
2776
|
-
|
|
2777
|
-
|
|
2778
|
-
|
|
2779
|
-
|
|
2780
|
-
"
|
|
2781
|
-
"
|
|
2779
|
+
{
|
|
2780
|
+
"alignItems": "center",
|
|
2781
|
+
"alignSelf": "flex-end",
|
|
2782
|
+
"backgroundColor": "#401960",
|
|
2783
|
+
"borderRadius": 999,
|
|
2784
|
+
"bottom": undefined,
|
|
2785
|
+
"elevation": 3,
|
|
2786
|
+
"flexDirection": "row",
|
|
2787
|
+
"height": 64,
|
|
2788
|
+
"justifyContent": "center",
|
|
2789
|
+
"marginRight": 24,
|
|
2790
|
+
"marginTop": 24,
|
|
2791
|
+
"padding": 20,
|
|
2792
|
+
"shadowColor": "#001f23",
|
|
2793
|
+
"shadowOffset": {
|
|
2794
|
+
"height": 2,
|
|
2795
|
+
"width": 0,
|
|
2782
2796
|
},
|
|
2783
|
-
|
|
2784
|
-
|
|
2785
|
-
|
|
2786
|
-
"alignSelf": "flex-end",
|
|
2787
|
-
"marginRight": 24,
|
|
2788
|
-
"marginTop": 24,
|
|
2789
|
-
},
|
|
2790
|
-
undefined,
|
|
2791
|
-
],
|
|
2797
|
+
"shadowOpacity": 0.12,
|
|
2798
|
+
"shadowRadius": 4,
|
|
2799
|
+
"transform": [
|
|
2792
2800
|
{
|
|
2793
|
-
"
|
|
2801
|
+
"translateY": 0,
|
|
2794
2802
|
},
|
|
2795
2803
|
],
|
|
2796
|
-
|
|
2804
|
+
}
|
|
2797
2805
|
}
|
|
2798
2806
|
testID="fab"
|
|
2799
2807
|
>
|
|
2800
2808
|
<View
|
|
2809
|
+
collapsable={false}
|
|
2801
2810
|
style={
|
|
2802
|
-
|
|
2803
|
-
|
|
2804
|
-
|
|
2805
|
-
|
|
2806
|
-
"alignItems": "center",
|
|
2807
|
-
"height": 24,
|
|
2808
|
-
"justifyContent": "center",
|
|
2809
|
-
"width": 24,
|
|
2810
|
-
},
|
|
2811
|
-
undefined,
|
|
2812
|
-
],
|
|
2813
|
-
]
|
|
2811
|
+
{
|
|
2812
|
+
"flexDirection": "row",
|
|
2813
|
+
"opacity": 1,
|
|
2814
|
+
}
|
|
2814
2815
|
}
|
|
2815
2816
|
>
|
|
2816
|
-
<
|
|
2817
|
-
|
|
2817
|
+
<View
|
|
2818
|
+
style={
|
|
2819
|
+
[
|
|
2820
|
+
{},
|
|
2821
|
+
[
|
|
2822
|
+
{
|
|
2823
|
+
"alignItems": "center",
|
|
2824
|
+
"height": 24,
|
|
2825
|
+
"justifyContent": "center",
|
|
2826
|
+
"width": 24,
|
|
2827
|
+
},
|
|
2828
|
+
undefined,
|
|
2829
|
+
],
|
|
2830
|
+
]
|
|
2831
|
+
}
|
|
2832
|
+
>
|
|
2833
|
+
<HeroIcon
|
|
2834
|
+
name="add"
|
|
2835
|
+
style={
|
|
2836
|
+
[
|
|
2837
|
+
{
|
|
2838
|
+
"color": "#001f23",
|
|
2839
|
+
"fontSize": 16,
|
|
2840
|
+
},
|
|
2841
|
+
[
|
|
2842
|
+
{
|
|
2843
|
+
"color": "#ffffff",
|
|
2844
|
+
"lineHeight": 24,
|
|
2845
|
+
"textAlign": "center",
|
|
2846
|
+
"textAlignVertical": "center",
|
|
2847
|
+
},
|
|
2848
|
+
undefined,
|
|
2849
|
+
],
|
|
2850
|
+
]
|
|
2851
|
+
}
|
|
2852
|
+
testID="styled-fab-icon"
|
|
2853
|
+
themeIntent="text"
|
|
2854
|
+
themeSize="xsmall"
|
|
2855
|
+
/>
|
|
2856
|
+
</View>
|
|
2857
|
+
<Text
|
|
2858
|
+
allowFontScaling={false}
|
|
2818
2859
|
style={
|
|
2819
2860
|
[
|
|
2820
2861
|
{
|
|
2821
2862
|
"color": "#001f23",
|
|
2863
|
+
"fontFamily": "BeVietnamPro-Regular",
|
|
2822
2864
|
"fontSize": 16,
|
|
2865
|
+
"letterSpacing": 0.48,
|
|
2866
|
+
"lineHeight": 24,
|
|
2823
2867
|
},
|
|
2824
2868
|
[
|
|
2825
2869
|
{
|
|
2826
2870
|
"color": "#ffffff",
|
|
2827
|
-
"
|
|
2871
|
+
"marginHorizontal": 8,
|
|
2828
2872
|
"textAlign": "center",
|
|
2829
2873
|
"textAlignVertical": "center",
|
|
2830
2874
|
},
|
|
@@ -2832,39 +2876,13 @@ exports[`Scrollables With FAB [Function ExampleSectionListWithFAB] renders Actio
|
|
|
2832
2876
|
],
|
|
2833
2877
|
]
|
|
2834
2878
|
}
|
|
2835
|
-
|
|
2836
|
-
|
|
2837
|
-
|
|
2838
|
-
|
|
2879
|
+
themeIntent="body"
|
|
2880
|
+
themeTypeface="neutral"
|
|
2881
|
+
themeVariant="regular"
|
|
2882
|
+
>
|
|
2883
|
+
Shout out
|
|
2884
|
+
</Text>
|
|
2839
2885
|
</View>
|
|
2840
|
-
<Text
|
|
2841
|
-
allowFontScaling={false}
|
|
2842
|
-
style={
|
|
2843
|
-
[
|
|
2844
|
-
{
|
|
2845
|
-
"color": "#001f23",
|
|
2846
|
-
"fontFamily": "BeVietnamPro-Regular",
|
|
2847
|
-
"fontSize": 16,
|
|
2848
|
-
"letterSpacing": 0.48,
|
|
2849
|
-
"lineHeight": 24,
|
|
2850
|
-
},
|
|
2851
|
-
[
|
|
2852
|
-
{
|
|
2853
|
-
"color": "#ffffff",
|
|
2854
|
-
"marginHorizontal": 8,
|
|
2855
|
-
"textAlign": "center",
|
|
2856
|
-
"textAlignVertical": "center",
|
|
2857
|
-
},
|
|
2858
|
-
undefined,
|
|
2859
|
-
],
|
|
2860
|
-
]
|
|
2861
|
-
}
|
|
2862
|
-
themeIntent="body"
|
|
2863
|
-
themeTypeface="neutral"
|
|
2864
|
-
themeVariant="regular"
|
|
2865
|
-
>
|
|
2866
|
-
Shout out
|
|
2867
|
-
</Text>
|
|
2868
2886
|
</View>
|
|
2869
2887
|
</View>
|
|
2870
2888
|
<Modal
|
|
@@ -3315,61 +3333,96 @@ exports[`Scrollables With FAB [Function ExampleSectionListWithFAB] renders FAB c
|
|
|
3315
3333
|
onResponderTerminationRequest={[Function]}
|
|
3316
3334
|
onStartShouldSetResponder={[Function]}
|
|
3317
3335
|
style={
|
|
3318
|
-
|
|
3319
|
-
|
|
3320
|
-
|
|
3321
|
-
|
|
3322
|
-
|
|
3323
|
-
|
|
3324
|
-
|
|
3325
|
-
|
|
3326
|
-
|
|
3327
|
-
|
|
3328
|
-
|
|
3329
|
-
|
|
3330
|
-
|
|
3331
|
-
|
|
3332
|
-
|
|
3333
|
-
|
|
3334
|
-
|
|
3335
|
-
|
|
3336
|
-
[
|
|
3337
|
-
undefined,
|
|
3336
|
+
{
|
|
3337
|
+
"alignItems": "center",
|
|
3338
|
+
"alignSelf": "flex-start",
|
|
3339
|
+
"backgroundColor": "#401960",
|
|
3340
|
+
"borderRadius": 999,
|
|
3341
|
+
"bottom": undefined,
|
|
3342
|
+
"elevation": 3,
|
|
3343
|
+
"flexDirection": "row",
|
|
3344
|
+
"height": 64,
|
|
3345
|
+
"justifyContent": "center",
|
|
3346
|
+
"padding": 20,
|
|
3347
|
+
"shadowColor": "#001f23",
|
|
3348
|
+
"shadowOffset": {
|
|
3349
|
+
"height": 2,
|
|
3350
|
+
"width": 0,
|
|
3351
|
+
},
|
|
3352
|
+
"shadowOpacity": 0.12,
|
|
3353
|
+
"shadowRadius": 4,
|
|
3354
|
+
"transform": [
|
|
3338
3355
|
{
|
|
3339
|
-
"
|
|
3356
|
+
"translateY": 0,
|
|
3340
3357
|
},
|
|
3341
3358
|
],
|
|
3342
|
-
|
|
3359
|
+
}
|
|
3343
3360
|
}
|
|
3344
3361
|
>
|
|
3345
3362
|
<View
|
|
3363
|
+
collapsable={false}
|
|
3346
3364
|
style={
|
|
3347
|
-
|
|
3348
|
-
|
|
3349
|
-
|
|
3350
|
-
|
|
3351
|
-
"alignItems": "center",
|
|
3352
|
-
"height": 24,
|
|
3353
|
-
"justifyContent": "center",
|
|
3354
|
-
"width": 24,
|
|
3355
|
-
},
|
|
3356
|
-
undefined,
|
|
3357
|
-
],
|
|
3358
|
-
]
|
|
3365
|
+
{
|
|
3366
|
+
"flexDirection": "row",
|
|
3367
|
+
"opacity": 1,
|
|
3368
|
+
}
|
|
3359
3369
|
}
|
|
3360
3370
|
>
|
|
3361
|
-
<
|
|
3362
|
-
|
|
3371
|
+
<View
|
|
3372
|
+
style={
|
|
3373
|
+
[
|
|
3374
|
+
{},
|
|
3375
|
+
[
|
|
3376
|
+
{
|
|
3377
|
+
"alignItems": "center",
|
|
3378
|
+
"height": 24,
|
|
3379
|
+
"justifyContent": "center",
|
|
3380
|
+
"width": 24,
|
|
3381
|
+
},
|
|
3382
|
+
undefined,
|
|
3383
|
+
],
|
|
3384
|
+
]
|
|
3385
|
+
}
|
|
3386
|
+
>
|
|
3387
|
+
<HeroIcon
|
|
3388
|
+
name="speaker"
|
|
3389
|
+
style={
|
|
3390
|
+
[
|
|
3391
|
+
{
|
|
3392
|
+
"color": "#001f23",
|
|
3393
|
+
"fontSize": 16,
|
|
3394
|
+
},
|
|
3395
|
+
[
|
|
3396
|
+
{
|
|
3397
|
+
"color": "#ffffff",
|
|
3398
|
+
"lineHeight": 24,
|
|
3399
|
+
"textAlign": "center",
|
|
3400
|
+
"textAlignVertical": "center",
|
|
3401
|
+
},
|
|
3402
|
+
undefined,
|
|
3403
|
+
],
|
|
3404
|
+
]
|
|
3405
|
+
}
|
|
3406
|
+
testID="styled-fab-icon"
|
|
3407
|
+
themeIntent="text"
|
|
3408
|
+
themeSize="xsmall"
|
|
3409
|
+
/>
|
|
3410
|
+
</View>
|
|
3411
|
+
<Text
|
|
3412
|
+
allowFontScaling={false}
|
|
3363
3413
|
style={
|
|
3364
3414
|
[
|
|
3365
3415
|
{
|
|
3366
3416
|
"color": "#001f23",
|
|
3417
|
+
"fontFamily": "BeVietnamPro-Regular",
|
|
3367
3418
|
"fontSize": 16,
|
|
3419
|
+
"letterSpacing": 0.48,
|
|
3420
|
+
"lineHeight": 24,
|
|
3368
3421
|
},
|
|
3369
3422
|
[
|
|
3370
3423
|
{
|
|
3371
3424
|
"color": "#ffffff",
|
|
3372
|
-
"
|
|
3425
|
+
"marginHorizontal": 8,
|
|
3373
3426
|
"textAlign": "center",
|
|
3374
3427
|
"textAlignVertical": "center",
|
|
3375
3428
|
},
|
|
@@ -3377,39 +3430,13 @@ exports[`Scrollables With FAB [Function ExampleSectionListWithFAB] renders FAB c
|
|
|
3377
3430
|
],
|
|
3378
3431
|
]
|
|
3379
3432
|
}
|
|
3380
|
-
|
|
3381
|
-
|
|
3382
|
-
|
|
3383
|
-
|
|
3433
|
+
themeIntent="body"
|
|
3434
|
+
themeTypeface="neutral"
|
|
3435
|
+
themeVariant="regular"
|
|
3436
|
+
>
|
|
3437
|
+
Shout out
|
|
3438
|
+
</Text>
|
|
3384
3439
|
</View>
|
|
3385
|
-
<Text
|
|
3386
|
-
allowFontScaling={false}
|
|
3387
|
-
style={
|
|
3388
|
-
[
|
|
3389
|
-
{
|
|
3390
|
-
"color": "#001f23",
|
|
3391
|
-
"fontFamily": "BeVietnamPro-Regular",
|
|
3392
|
-
"fontSize": 16,
|
|
3393
|
-
"letterSpacing": 0.48,
|
|
3394
|
-
"lineHeight": 24,
|
|
3395
|
-
},
|
|
3396
|
-
[
|
|
3397
|
-
{
|
|
3398
|
-
"color": "#ffffff",
|
|
3399
|
-
"marginHorizontal": 8,
|
|
3400
|
-
"textAlign": "center",
|
|
3401
|
-
"textAlignVertical": "center",
|
|
3402
|
-
},
|
|
3403
|
-
undefined,
|
|
3404
|
-
],
|
|
3405
|
-
]
|
|
3406
|
-
}
|
|
3407
|
-
themeIntent="body"
|
|
3408
|
-
themeTypeface="neutral"
|
|
3409
|
-
themeVariant="regular"
|
|
3410
|
-
>
|
|
3411
|
-
Shout out
|
|
3412
|
-
</Text>
|
|
3413
3440
|
</View>
|
|
3414
3441
|
<View
|
|
3415
3442
|
pointerEvents="box-none"
|