@hero-design/rn 8.34.2 → 8.34.3
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/es/index.js +43 -16
- package/lib/index.js +43 -16
- package/package.json +7 -7
- package/src/components/Attachment/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
- package/src/components/Badge/__tests__/__snapshots__/Badge.spec.tsx.snap +3 -3
- package/src/components/Badge/__tests__/__snapshots__/Status.spec.tsx.snap +1 -1
- package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/StyledLoadingIndicator.spec.tsx.snap +2 -2
- package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
- package/src/components/Button/__tests__/__snapshots__/Button.spec.tsx.snap +4 -4
- package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +6 -6
- package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
- package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap +1 -1
- package/src/components/Icon/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
- package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap +4 -4
- package/src/components/PinInput/__tests__/__snapshots__/index.spec.tsx.snap +12 -12
- package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +6 -6
- package/src/components/SectionHeading/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
- package/src/components/Skeleton/__tests__/__snapshots__/index.spec.tsx.snap +7 -7
- package/src/components/Swipeable/__tests__/__snapshots__/index.spec.tsx.snap +5 -0
- package/src/components/Swipeable/index.tsx +6 -1
- package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/Option.spec.tsx.snap +3 -3
- package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
- package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +6 -6
- package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabsHeader.spec.tsx.snap +2 -2
- package/src/components/Tabs/__tests__/__snapshots__/TabWithBadge.spec.tsx.snap +2 -2
- package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
- package/src/components/Tag/__tests__/__snapshots__/Tag.spec.tsx.snap +9 -9
- package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +7 -7
- package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +20 -20
- package/src/components/Toolbar/__tests__/__snapshots__/ToolbarItem.spec.tsx.snap +1 -1
- package/src/components/Typography/Body/__tests__/__snapshots__/StyledBody.tsx.snap +1 -1
- package/src/components/Typography/Body/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
- package/src/components/Typography/Caption/__tests__/__snapshots__/StyledCaption.spec.tsx.snap +1 -1
- package/src/components/Typography/Caption/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
- package/src/components/Typography/Label/__tests__/__snapshots__/StyledLabel.tsx.snap +1 -1
- package/src/components/Typography/Label/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
- package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap +1 -1
- package/src/components/Typography/Title/__tests__/__snapshots__/StyledTitle.tsx.snap +3 -3
- package/src/components/Typography/Title/__tests__/__snapshots__/index.spec.tsx.snap +4 -4
- package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +39 -36
- package/src/theme/components/swipeable.ts +5 -1
- package/src/theme/components/typography.ts +2 -2
- package/src/theme/global/colors/__tests__/__snapshots__/eBens.spec.ts.snap +7 -7
- package/src/theme/global/colors/__tests__/__snapshots__/global.spec.ts.snap +5 -5
- package/src/theme/global/colors/__tests__/__snapshots__/jobs.spec.ts.snap +6 -6
- package/src/theme/global/colors/__tests__/__snapshots__/swag.spec.ts.snap +6 -6
- package/src/theme/global/colors/__tests__/__snapshots__/wallet.spec.ts.snap +7 -7
- package/src/theme/global/colors/__tests__/__snapshots__/work.spec.ts.snap +5 -5
- package/src/theme/global/colors/eBens.ts +2 -2
- package/src/theme/global/colors/global.ts +5 -5
- package/src/theme/global/colors/jobs.ts +1 -1
- package/src/theme/global/colors/swag.ts +1 -1
- package/src/theme/global/colors/wallet.ts +2 -2
- package/types/components/Swipeable/index.d.ts +1 -1
- package/types/theme/components/swipeable.d.ts +3 -0
|
@@ -3,12 +3,12 @@
|
|
|
3
3
|
exports[`eBens returns correct theme object 1`] = `
|
|
4
4
|
Object {
|
|
5
5
|
"archived": "#abacaf",
|
|
6
|
-
"archivedSurface": "#
|
|
6
|
+
"archivedSurface": "#dadbde",
|
|
7
7
|
"darkGlobalSurface": "#001f23",
|
|
8
8
|
"decorativePrimary": "#c38cee",
|
|
9
9
|
"decorativePrimarySurface": "#f3e8fc",
|
|
10
10
|
"defaultGlobalSurface": "#ffffff",
|
|
11
|
-
"defaultSurface": "#
|
|
11
|
+
"defaultSurface": "#ffffff",
|
|
12
12
|
"disabledOnDefaultGlobalSurface": "#bfc1c5",
|
|
13
13
|
"disabledOutline": "#bfc1c5",
|
|
14
14
|
"error": "#f46363",
|
|
@@ -25,17 +25,17 @@ Object {
|
|
|
25
25
|
"mutedSuccess": "#7bd897",
|
|
26
26
|
"mutedWarning": "#ffcb8d",
|
|
27
27
|
"neutralGlobalSurface": "#f6f6f7",
|
|
28
|
-
"onArchivedSurface": "#
|
|
28
|
+
"onArchivedSurface": "#606065",
|
|
29
29
|
"onDarkGlobalSurface": "#ffffff",
|
|
30
30
|
"onDefaultGlobalSurface": "#001f23",
|
|
31
|
-
"onErrorSurface": "#
|
|
32
|
-
"onInfoSurface": "#
|
|
31
|
+
"onErrorSurface": "#cb300a",
|
|
32
|
+
"onInfoSurface": "#355bfb",
|
|
33
33
|
"onPrimary": "#ffffff",
|
|
34
34
|
"onSecondary": "#ffffff",
|
|
35
35
|
"onSuccessSurface": "#017d6d",
|
|
36
|
-
"onWarningSurface": "#
|
|
36
|
+
"onWarningSurface": "#ac5d00",
|
|
37
37
|
"overlayGlobalSurface": "#000000",
|
|
38
|
-
"pressedSurface": "#
|
|
38
|
+
"pressedSurface": "#6a0482",
|
|
39
39
|
"primary": "#8505a2",
|
|
40
40
|
"primaryOutline": "#001f23",
|
|
41
41
|
"secondary": "#aa50be",
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
exports[`global returns correct theme object 1`] = `
|
|
4
4
|
Object {
|
|
5
5
|
"archived": "#abacaf",
|
|
6
|
-
"archivedSurface": "#
|
|
6
|
+
"archivedSurface": "#dadbde",
|
|
7
7
|
"darkGlobalSurface": "#001f23",
|
|
8
8
|
"defaultGlobalSurface": "#ffffff",
|
|
9
9
|
"disabledOnDefaultGlobalSurface": "#bfc1c5",
|
|
@@ -21,13 +21,13 @@ Object {
|
|
|
21
21
|
"mutedSuccess": "#7bd897",
|
|
22
22
|
"mutedWarning": "#ffcb8d",
|
|
23
23
|
"neutralGlobalSurface": "#f6f6f7",
|
|
24
|
-
"onArchivedSurface": "#
|
|
24
|
+
"onArchivedSurface": "#606065",
|
|
25
25
|
"onDarkGlobalSurface": "#ffffff",
|
|
26
26
|
"onDefaultGlobalSurface": "#001f23",
|
|
27
|
-
"onErrorSurface": "#
|
|
28
|
-
"onInfoSurface": "#
|
|
27
|
+
"onErrorSurface": "#cb300a",
|
|
28
|
+
"onInfoSurface": "#355bfb",
|
|
29
29
|
"onSuccessSurface": "#017d6d",
|
|
30
|
-
"onWarningSurface": "#
|
|
30
|
+
"onWarningSurface": "#ac5d00",
|
|
31
31
|
"overlayGlobalSurface": "#000000",
|
|
32
32
|
"primaryOutline": "#001f23",
|
|
33
33
|
"secondaryOutline": "#e8e9ea",
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
exports[`jobs returns correct theme object 1`] = `
|
|
4
4
|
Object {
|
|
5
5
|
"archived": "#abacaf",
|
|
6
|
-
"archivedSurface": "#
|
|
6
|
+
"archivedSurface": "#dadbde",
|
|
7
7
|
"darkGlobalSurface": "#001f23",
|
|
8
8
|
"decorativePrimary": "#ffad79",
|
|
9
9
|
"decorativePrimarySurface": "#ffefe4",
|
|
@@ -25,17 +25,17 @@ Object {
|
|
|
25
25
|
"mutedSuccess": "#7bd897",
|
|
26
26
|
"mutedWarning": "#ffcb8d",
|
|
27
27
|
"neutralGlobalSurface": "#f6f6f7",
|
|
28
|
-
"onArchivedSurface": "#
|
|
28
|
+
"onArchivedSurface": "#606065",
|
|
29
29
|
"onDarkGlobalSurface": "#ffffff",
|
|
30
30
|
"onDefaultGlobalSurface": "#001f23",
|
|
31
|
-
"onErrorSurface": "#
|
|
32
|
-
"onInfoSurface": "#
|
|
31
|
+
"onErrorSurface": "#cb300a",
|
|
32
|
+
"onInfoSurface": "#355bfb",
|
|
33
33
|
"onPrimary": "#ffffff",
|
|
34
34
|
"onSecondary": "#ffffff",
|
|
35
35
|
"onSuccessSurface": "#017d6d",
|
|
36
|
-
"onWarningSurface": "#
|
|
36
|
+
"onWarningSurface": "#ac5d00",
|
|
37
37
|
"overlayGlobalSurface": "#000000",
|
|
38
|
-
"pressedSurface": "#
|
|
38
|
+
"pressedSurface": "#b64d22",
|
|
39
39
|
"primary": "#e3602a",
|
|
40
40
|
"primaryOutline": "#001f23",
|
|
41
41
|
"secondary": "#4d6265",
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
exports[`swag returns correct theme object 1`] = `
|
|
4
4
|
Object {
|
|
5
5
|
"archived": "#abacaf",
|
|
6
|
-
"archivedSurface": "#
|
|
6
|
+
"archivedSurface": "#dadbde",
|
|
7
7
|
"darkGlobalSurface": "#001f23",
|
|
8
8
|
"decorativePrimary": "#ffffff",
|
|
9
9
|
"decorativePrimarySurface": "#ccd2d3",
|
|
@@ -25,17 +25,17 @@ Object {
|
|
|
25
25
|
"mutedSuccess": "#7bd897",
|
|
26
26
|
"mutedWarning": "#ffcb8d",
|
|
27
27
|
"neutralGlobalSurface": "#f6f6f7",
|
|
28
|
-
"onArchivedSurface": "#
|
|
28
|
+
"onArchivedSurface": "#606065",
|
|
29
29
|
"onDarkGlobalSurface": "#ffffff",
|
|
30
30
|
"onDefaultGlobalSurface": "#001f23",
|
|
31
|
-
"onErrorSurface": "#
|
|
32
|
-
"onInfoSurface": "#
|
|
31
|
+
"onErrorSurface": "#cb300a",
|
|
32
|
+
"onInfoSurface": "#355bfb",
|
|
33
33
|
"onPrimary": "#ffffff",
|
|
34
34
|
"onSecondary": "#ffffff",
|
|
35
35
|
"onSuccessSurface": "#017d6d",
|
|
36
|
-
"onWarningSurface": "#
|
|
36
|
+
"onWarningSurface": "#ac5d00",
|
|
37
37
|
"overlayGlobalSurface": "#000000",
|
|
38
|
-
"pressedSurface": "#
|
|
38
|
+
"pressedSurface": "#33144d",
|
|
39
39
|
"primary": "#401960",
|
|
40
40
|
"primaryOutline": "#001f23",
|
|
41
41
|
"secondary": "#795e90",
|
|
@@ -3,12 +3,12 @@
|
|
|
3
3
|
exports[`wallet returns correct theme object 1`] = `
|
|
4
4
|
Object {
|
|
5
5
|
"archived": "#abacaf",
|
|
6
|
-
"archivedSurface": "#
|
|
6
|
+
"archivedSurface": "#dadbde",
|
|
7
7
|
"darkGlobalSurface": "#001f23",
|
|
8
8
|
"decorativePrimary": "#8999ff",
|
|
9
9
|
"decorativePrimarySurface": "#e7ebff",
|
|
10
10
|
"defaultGlobalSurface": "#ffffff",
|
|
11
|
-
"defaultSurface": "#
|
|
11
|
+
"defaultSurface": "#ffffff",
|
|
12
12
|
"disabledOnDefaultGlobalSurface": "#bfc1c5",
|
|
13
13
|
"disabledOutline": "#bfc1c5",
|
|
14
14
|
"error": "#f46363",
|
|
@@ -25,17 +25,17 @@ Object {
|
|
|
25
25
|
"mutedSuccess": "#7bd897",
|
|
26
26
|
"mutedWarning": "#ffcb8d",
|
|
27
27
|
"neutralGlobalSurface": "#f6f6f7",
|
|
28
|
-
"onArchivedSurface": "#
|
|
28
|
+
"onArchivedSurface": "#606065",
|
|
29
29
|
"onDarkGlobalSurface": "#ffffff",
|
|
30
30
|
"onDefaultGlobalSurface": "#001f23",
|
|
31
|
-
"onErrorSurface": "#
|
|
32
|
-
"onInfoSurface": "#
|
|
31
|
+
"onErrorSurface": "#cb300a",
|
|
32
|
+
"onInfoSurface": "#355bfb",
|
|
33
33
|
"onPrimary": "#ffffff",
|
|
34
34
|
"onSecondary": "#ffffff",
|
|
35
35
|
"onSuccessSurface": "#017d6d",
|
|
36
|
-
"onWarningSurface": "#
|
|
36
|
+
"onWarningSurface": "#ac5d00",
|
|
37
37
|
"overlayGlobalSurface": "#000000",
|
|
38
|
-
"pressedSurface": "#
|
|
38
|
+
"pressedSurface": "#4853b5",
|
|
39
39
|
"primary": "#5a68e2",
|
|
40
40
|
"primaryOutline": "#001f23",
|
|
41
41
|
"secondary": "#3f499e",
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
exports[`work returns correct theme object 1`] = `
|
|
4
4
|
Object {
|
|
5
5
|
"archived": "#abacaf",
|
|
6
|
-
"archivedSurface": "#
|
|
6
|
+
"archivedSurface": "#dadbde",
|
|
7
7
|
"darkGlobalSurface": "#001f23",
|
|
8
8
|
"decorativePrimary": "#ffd500",
|
|
9
9
|
"decorativePrimarySurface": "#fff7cc",
|
|
@@ -25,15 +25,15 @@ Object {
|
|
|
25
25
|
"mutedSuccess": "#7bd897",
|
|
26
26
|
"mutedWarning": "#ffcb8d",
|
|
27
27
|
"neutralGlobalSurface": "#f6f6f7",
|
|
28
|
-
"onArchivedSurface": "#
|
|
28
|
+
"onArchivedSurface": "#606065",
|
|
29
29
|
"onDarkGlobalSurface": "#ffffff",
|
|
30
30
|
"onDefaultGlobalSurface": "#001f23",
|
|
31
|
-
"onErrorSurface": "#
|
|
32
|
-
"onInfoSurface": "#
|
|
31
|
+
"onErrorSurface": "#cb300a",
|
|
32
|
+
"onInfoSurface": "#355bfb",
|
|
33
33
|
"onPrimary": "#ffffff",
|
|
34
34
|
"onSecondary": "#ffffff",
|
|
35
35
|
"onSuccessSurface": "#017d6d",
|
|
36
|
-
"onWarningSurface": "#
|
|
36
|
+
"onWarningSurface": "#ac5d00",
|
|
37
37
|
"overlayGlobalSurface": "#000000",
|
|
38
38
|
"pressedSurface": "#000000",
|
|
39
39
|
"primary": "#000000",
|
|
@@ -7,9 +7,9 @@ const eBensBrandSystemPallete: BrandSystemPalette = {
|
|
|
7
7
|
onPrimary: palette.white,
|
|
8
8
|
secondary: palette.violetLight30,
|
|
9
9
|
onSecondary: palette.white,
|
|
10
|
-
defaultSurface: palette.
|
|
10
|
+
defaultSurface: palette.white,
|
|
11
11
|
highlightedSurface: palette.violetLight90,
|
|
12
|
-
pressedSurface: palette.
|
|
12
|
+
pressedSurface: palette.violetDark20,
|
|
13
13
|
|
|
14
14
|
decorativePrimary: palette.mauve,
|
|
15
15
|
decorativePrimarySurface: palette.mauveLight80,
|
|
@@ -24,12 +24,12 @@ const globalPalette: GlobalSystemPalette = {
|
|
|
24
24
|
error: palette.pastelRed,
|
|
25
25
|
mutedError: palette.pastelRedLight20,
|
|
26
26
|
errorSurface: palette.linen,
|
|
27
|
-
onErrorSurface: palette.
|
|
27
|
+
onErrorSurface: palette.amaranthaRed,
|
|
28
28
|
|
|
29
29
|
warning: palette.mellowApricot,
|
|
30
30
|
mutedWarning: palette.mellowApricotLight20,
|
|
31
31
|
warningSurface: palette.seashell,
|
|
32
|
-
onWarningSurface: palette.
|
|
32
|
+
onWarningSurface: palette.orangeBrown,
|
|
33
33
|
|
|
34
34
|
success: palette.emerald,
|
|
35
35
|
mutedSuccess: palette.emeraldLight20,
|
|
@@ -39,12 +39,12 @@ const globalPalette: GlobalSystemPalette = {
|
|
|
39
39
|
info: palette.vodka,
|
|
40
40
|
mutedInfo: palette.vodkaLight20,
|
|
41
41
|
infoSurface: palette.aliceBlue,
|
|
42
|
-
onInfoSurface: palette.
|
|
42
|
+
onInfoSurface: palette.gentianFlower,
|
|
43
43
|
|
|
44
44
|
archived: palette.silverChalice,
|
|
45
45
|
mutedArchived: palette.silverChaliceLight20,
|
|
46
|
-
archivedSurface: palette.
|
|
47
|
-
onArchivedSurface: palette.
|
|
46
|
+
archivedSurface: palette.cumberlandFog,
|
|
47
|
+
onArchivedSurface: palette.windsorGrey,
|
|
48
48
|
// End of Updated 21 / Nov / 22
|
|
49
49
|
};
|
|
50
50
|
|
|
@@ -9,7 +9,7 @@ const jobsBrandSystemPallete: BrandSystemPalette = {
|
|
|
9
9
|
onSecondary: palette.white,
|
|
10
10
|
defaultSurface: palette.white,
|
|
11
11
|
highlightedSurface: palette.hitPinkLight90,
|
|
12
|
-
pressedSurface: palette.
|
|
12
|
+
pressedSurface: palette.appleDark20,
|
|
13
13
|
|
|
14
14
|
decorativePrimary: palette.hitPink,
|
|
15
15
|
decorativePrimarySurface: palette.hitPinkLight80,
|
|
@@ -9,7 +9,7 @@ const swagBrandSystemPallete: BrandSystemPalette = {
|
|
|
9
9
|
onSecondary: palette.white,
|
|
10
10
|
defaultSurface: palette.greyLight90,
|
|
11
11
|
highlightedSurface: palette.scarletGumLight90,
|
|
12
|
-
pressedSurface: palette.
|
|
12
|
+
pressedSurface: palette.scarletGumDark20,
|
|
13
13
|
|
|
14
14
|
decorativePrimary: palette.white,
|
|
15
15
|
decorativePrimarySurface: palette.maasstrichtBlueLight80,
|
|
@@ -7,9 +7,9 @@ const walletBrandSystemPallete: BrandSystemPalette = {
|
|
|
7
7
|
onPrimary: palette.white,
|
|
8
8
|
secondary: palette.royalBlueDark30,
|
|
9
9
|
onSecondary: palette.white,
|
|
10
|
-
defaultSurface: palette.
|
|
10
|
+
defaultSurface: palette.white,
|
|
11
11
|
highlightedSurface: palette.royalBlueLight90,
|
|
12
|
-
pressedSurface: palette.
|
|
12
|
+
pressedSurface: palette.royalBlueDark20,
|
|
13
13
|
|
|
14
14
|
decorativePrimary: palette.frenchSky,
|
|
15
15
|
decorativePrimarySurface: palette.frenchSkyLight80,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ComponentProps, ReactNode } from 'react';
|
|
2
|
-
import { Swipeable as RnghSwipeable
|
|
2
|
+
import { RectButton, Swipeable as RnghSwipeable } from 'react-native-gesture-handler';
|
|
3
3
|
type State = 'closed' | 'leftOpen' | 'rightOpen';
|
|
4
4
|
type RnghSwipeableProps = ComponentProps<typeof RnghSwipeable>;
|
|
5
5
|
export interface SwipeableProps extends Pick<RnghSwipeableProps, 'enableTrackpadTwoFingerGesture' | 'friction' | 'leftThreshold' | 'rightThreshold' | 'overshootLeft' | 'overshootRight' | 'overshootFriction' | 'useNativeAnimations' | 'containerStyle' | 'childrenContainerStyle'> {
|