@hero-design/rn 8.34.2 → 8.34.4

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.
Files changed (56) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/es/index.js +43 -16
  3. package/lib/index.js +43 -16
  4. package/package.json +7 -7
  5. package/src/components/Attachment/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  6. package/src/components/Badge/__tests__/__snapshots__/Badge.spec.tsx.snap +3 -3
  7. package/src/components/Badge/__tests__/__snapshots__/Status.spec.tsx.snap +1 -1
  8. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/StyledLoadingIndicator.spec.tsx.snap +2 -2
  9. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
  10. package/src/components/Button/__tests__/__snapshots__/Button.spec.tsx.snap +4 -4
  11. package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +6 -6
  12. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  13. package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap +1 -1
  14. package/src/components/Icon/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  15. package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap +4 -4
  16. package/src/components/PinInput/__tests__/__snapshots__/index.spec.tsx.snap +12 -12
  17. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +6 -6
  18. package/src/components/SectionHeading/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  19. package/src/components/Skeleton/__tests__/__snapshots__/index.spec.tsx.snap +7 -7
  20. package/src/components/Swipeable/__tests__/__snapshots__/index.spec.tsx.snap +5 -0
  21. package/src/components/Swipeable/index.tsx +6 -1
  22. package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/Option.spec.tsx.snap +3 -3
  23. package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  24. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +6 -6
  25. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabsHeader.spec.tsx.snap +2 -2
  26. package/src/components/Tabs/__tests__/__snapshots__/TabWithBadge.spec.tsx.snap +2 -2
  27. package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
  28. package/src/components/Tag/__tests__/__snapshots__/Tag.spec.tsx.snap +9 -9
  29. package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +7 -7
  30. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +20 -20
  31. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarItem.spec.tsx.snap +1 -1
  32. package/src/components/Typography/Body/__tests__/__snapshots__/StyledBody.tsx.snap +1 -1
  33. package/src/components/Typography/Body/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  34. package/src/components/Typography/Caption/__tests__/__snapshots__/StyledCaption.spec.tsx.snap +1 -1
  35. package/src/components/Typography/Caption/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  36. package/src/components/Typography/Label/__tests__/__snapshots__/StyledLabel.tsx.snap +1 -1
  37. package/src/components/Typography/Label/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  38. package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap +1 -1
  39. package/src/components/Typography/Title/__tests__/__snapshots__/StyledTitle.tsx.snap +3 -3
  40. package/src/components/Typography/Title/__tests__/__snapshots__/index.spec.tsx.snap +4 -4
  41. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +39 -36
  42. package/src/theme/components/swipeable.ts +5 -1
  43. package/src/theme/components/typography.ts +2 -2
  44. package/src/theme/global/colors/__tests__/__snapshots__/eBens.spec.ts.snap +7 -7
  45. package/src/theme/global/colors/__tests__/__snapshots__/global.spec.ts.snap +5 -5
  46. package/src/theme/global/colors/__tests__/__snapshots__/jobs.spec.ts.snap +6 -6
  47. package/src/theme/global/colors/__tests__/__snapshots__/swag.spec.ts.snap +6 -6
  48. package/src/theme/global/colors/__tests__/__snapshots__/wallet.spec.ts.snap +7 -7
  49. package/src/theme/global/colors/__tests__/__snapshots__/work.spec.ts.snap +5 -5
  50. package/src/theme/global/colors/eBens.ts +2 -2
  51. package/src/theme/global/colors/global.ts +5 -5
  52. package/src/theme/global/colors/jobs.ts +1 -1
  53. package/src/theme/global/colors/swag.ts +1 -1
  54. package/src/theme/global/colors/wallet.ts +2 -2
  55. package/types/components/Swipeable/index.d.ts +1 -1
  56. 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": "#f1f2f3",
6
+ "archivedSurface": "#dadbde",
7
7
  "darkGlobalSurface": "#001f23",
8
8
  "decorativePrimary": "#c38cee",
9
9
  "decorativePrimarySurface": "#f3e8fc",
10
10
  "defaultGlobalSurface": "#ffffff",
11
- "defaultSurface": "#f6f6f7",
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": "#737479",
28
+ "onArchivedSurface": "#606065",
29
29
  "onDarkGlobalSurface": "#ffffff",
30
30
  "onDefaultGlobalSurface": "#001f23",
31
- "onErrorSurface": "#de350b",
32
- "onInfoSurface": "#4568fb",
31
+ "onErrorSurface": "#cb300a",
32
+ "onInfoSurface": "#355bfb",
33
33
  "onPrimary": "#ffffff",
34
34
  "onSecondary": "#ffffff",
35
35
  "onSuccessSurface": "#017d6d",
36
- "onWarningSurface": "#ffa234",
36
+ "onWarningSurface": "#ac5d00",
37
37
  "overlayGlobalSurface": "#000000",
38
- "pressedSurface": "#9d37b5",
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": "#f1f2f3",
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": "#737479",
24
+ "onArchivedSurface": "#606065",
25
25
  "onDarkGlobalSurface": "#ffffff",
26
26
  "onDefaultGlobalSurface": "#001f23",
27
- "onErrorSurface": "#de350b",
28
- "onInfoSurface": "#4568fb",
27
+ "onErrorSurface": "#cb300a",
28
+ "onInfoSurface": "#355bfb",
29
29
  "onSuccessSurface": "#017d6d",
30
- "onWarningSurface": "#ffa234",
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": "#f1f2f3",
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": "#737479",
28
+ "onArchivedSurface": "#606065",
29
29
  "onDarkGlobalSurface": "#ffffff",
30
30
  "onDefaultGlobalSurface": "#001f23",
31
- "onErrorSurface": "#de350b",
32
- "onInfoSurface": "#4568fb",
31
+ "onErrorSurface": "#cb300a",
32
+ "onInfoSurface": "#355bfb",
33
33
  "onPrimary": "#ffffff",
34
34
  "onSecondary": "#ffffff",
35
35
  "onSuccessSurface": "#017d6d",
36
- "onWarningSurface": "#ffa234",
36
+ "onWarningSurface": "#ac5d00",
37
37
  "overlayGlobalSurface": "#000000",
38
- "pressedSurface": "#e6703f",
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": "#f1f2f3",
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": "#737479",
28
+ "onArchivedSurface": "#606065",
29
29
  "onDarkGlobalSurface": "#ffffff",
30
30
  "onDefaultGlobalSurface": "#001f23",
31
- "onErrorSurface": "#de350b",
32
- "onInfoSurface": "#4568fb",
31
+ "onErrorSurface": "#cb300a",
32
+ "onInfoSurface": "#355bfb",
33
33
  "onPrimary": "#ffffff",
34
34
  "onSecondary": "#ffffff",
35
35
  "onSuccessSurface": "#017d6d",
36
- "onWarningSurface": "#ffa234",
36
+ "onWarningSurface": "#ac5d00",
37
37
  "overlayGlobalSurface": "#000000",
38
- "pressedSurface": "#664780",
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": "#f1f2f3",
6
+ "archivedSurface": "#dadbde",
7
7
  "darkGlobalSurface": "#001f23",
8
8
  "decorativePrimary": "#8999ff",
9
9
  "decorativePrimarySurface": "#e7ebff",
10
10
  "defaultGlobalSurface": "#ffffff",
11
- "defaultSurface": "#dce0ff",
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": "#737479",
28
+ "onArchivedSurface": "#606065",
29
29
  "onDarkGlobalSurface": "#ffffff",
30
30
  "onDefaultGlobalSurface": "#001f23",
31
- "onErrorSurface": "#de350b",
32
- "onInfoSurface": "#4568fb",
31
+ "onErrorSurface": "#cb300a",
32
+ "onInfoSurface": "#355bfb",
33
33
  "onPrimary": "#ffffff",
34
34
  "onSecondary": "#ffffff",
35
35
  "onSuccessSurface": "#017d6d",
36
- "onWarningSurface": "#ffa234",
36
+ "onWarningSurface": "#ac5d00",
37
37
  "overlayGlobalSurface": "#000000",
38
- "pressedSurface": "#6b77e5",
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": "#f1f2f3",
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": "#737479",
28
+ "onArchivedSurface": "#606065",
29
29
  "onDarkGlobalSurface": "#ffffff",
30
30
  "onDefaultGlobalSurface": "#001f23",
31
- "onErrorSurface": "#de350b",
32
- "onInfoSurface": "#4568fb",
31
+ "onErrorSurface": "#cb300a",
32
+ "onInfoSurface": "#355bfb",
33
33
  "onPrimary": "#ffffff",
34
34
  "onSecondary": "#ffffff",
35
35
  "onSuccessSurface": "#017d6d",
36
- "onWarningSurface": "#ffa234",
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.greyLight90,
10
+ defaultSurface: palette.white,
11
11
  highlightedSurface: palette.violetLight90,
12
- pressedSurface: palette.violetLight20,
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.vermilion,
27
+ onErrorSurface: palette.amaranthaRed,
28
28
 
29
29
  warning: palette.mellowApricot,
30
30
  mutedWarning: palette.mellowApricotLight20,
31
31
  warningSurface: palette.seashell,
32
- onWarningSurface: palette.deepSaffron,
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.ultramarineBlue,
42
+ onInfoSurface: palette.gentianFlower,
43
43
 
44
44
  archived: palette.silverChalice,
45
45
  mutedArchived: palette.silverChaliceLight20,
46
- archivedSurface: palette.antiFlashWhite,
47
- onArchivedSurface: palette.sonicSilver,
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.appleLight10,
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.scarletGumLight20,
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.frenchSkyLight70,
10
+ defaultSurface: palette.white,
11
11
  highlightedSurface: palette.royalBlueLight90,
12
- pressedSurface: palette.royalBlueLight10,
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, RectButton } from 'react-native-gesture-handler';
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'> {
@@ -5,5 +5,8 @@ declare const getSwipeableTheme: (theme: GlobalTheme) => {
5
5
  danger: string;
6
6
  primary: string;
7
7
  };
8
+ radii: {
9
+ swipeableContainer: number;
10
+ };
8
11
  };
9
12
  export default getSwipeableTheme;