@hero-design/rn 8.34.2-alpha.0 → 8.34.3

package/src/theme/global/colors/__tests__/__snapshots__/wallet.spec.ts.snap

@@ -3,12 +3,12 @@
 exports[`wallet returns correct theme object 1`] = `
 Object {
   "archived": "#abacaf",
-  "archivedSurface": "#f1f2f3",
+  "archivedSurface": "#dadbde",
   "darkGlobalSurface": "#001f23",
   "decorativePrimary": "#8999ff",
   "decorativePrimarySurface": "#e7ebff",
   "defaultGlobalSurface": "#ffffff",
-  "defaultSurface": "#dce0ff",
+  "defaultSurface": "#ffffff",
   "disabledOnDefaultGlobalSurface": "#bfc1c5",
   "disabledOutline": "#bfc1c5",
   "error": "#f46363",
@@ -25,17 +25,17 @@ Object {
   "mutedSuccess": "#7bd897",
   "mutedWarning": "#ffcb8d",
   "neutralGlobalSurface": "#f6f6f7",
-  "onArchivedSurface": "#737479",
+  "onArchivedSurface": "#606065",
   "onDarkGlobalSurface": "#ffffff",
   "onDefaultGlobalSurface": "#001f23",
-  "onErrorSurface": "#de350b",
-  "onInfoSurface": "#4568fb",
+  "onErrorSurface": "#cb300a",
+  "onInfoSurface": "#355bfb",
   "onPrimary": "#ffffff",
   "onSecondary": "#ffffff",
   "onSuccessSurface": "#017d6d",
-  "onWarningSurface": "#ffa234",
+  "onWarningSurface": "#ac5d00",
   "overlayGlobalSurface": "#000000",
-  "pressedSurface": "#6b77e5",
+  "pressedSurface": "#4853b5",
   "primary": "#5a68e2",
   "primaryOutline": "#001f23",
   "secondary": "#3f499e",

package/src/theme/global/colors/__tests__/__snapshots__/work.spec.ts.snap

@@ -3,7 +3,7 @@
 exports[`work returns correct theme object 1`] = `
 Object {
   "archived": "#abacaf",
-  "archivedSurface": "#f1f2f3",
+  "archivedSurface": "#dadbde",
   "darkGlobalSurface": "#001f23",
   "decorativePrimary": "#ffd500",
   "decorativePrimarySurface": "#fff7cc",
@@ -13,7 +13,7 @@ Object {
   "disabledOutline": "#bfc1c5",
   "error": "#f46363",
   "errorSurface": "#fcebe7",
-  "highlightedSurface": "#eaecf0",
+  "highlightedSurface": "#e6e6e6",
   "inactiveOnDefaultGlobalSurface": "#808f91",
   "inactiveOutline": "#808f91",
   "info": "#b5c3fd",
@@ -25,20 +25,20 @@ Object {
   "mutedSuccess": "#7bd897",
   "mutedWarning": "#ffcb8d",
   "neutralGlobalSurface": "#f6f6f7",
-  "onArchivedSurface": "#737479",
+  "onArchivedSurface": "#606065",
   "onDarkGlobalSurface": "#ffffff",
   "onDefaultGlobalSurface": "#001f23",
-  "onErrorSurface": "#de350b",
-  "onInfoSurface": "#4568fb",
+  "onErrorSurface": "#cb300a",
+  "onInfoSurface": "#355bfb",
   "onPrimary": "#ffffff",
   "onSecondary": "#ffffff",
   "onSuccessSurface": "#017d6d",
-  "onWarningSurface": "#ffa234",
+  "onWarningSurface": "#ac5d00",
   "overlayGlobalSurface": "#000000",
-  "pressedSurface": "#586a8a",
-  "primary": "#2e456d",
+  "pressedSurface": "#000000",
+  "primary": "#000000",
   "primaryOutline": "#001f23",
-  "secondary": "#627492",
+  "secondary": "#4d4d4d",
   "secondaryOutline": "#e8e9ea",
   "success": "#5ace7d",
   "successSurface": "#f0fef4",

package/src/theme/global/colors/eBens.ts

@@ -7,9 +7,9 @@ const eBensBrandSystemPallete: BrandSystemPalette = {
   onPrimary: palette.white,
   secondary: palette.violetLight30,
   onSecondary: palette.white,
-  defaultSurface: palette.greyLight90,
+  defaultSurface: palette.white,
   highlightedSurface: palette.violetLight90,
-  pressedSurface: palette.violetLight20,
+  pressedSurface: palette.violetDark20,
 
   decorativePrimary: palette.mauve,
   decorativePrimarySurface: palette.mauveLight80,

package/src/theme/global/colors/global.ts

@@ -24,12 +24,12 @@ const globalPalette: GlobalSystemPalette = {
   error: palette.pastelRed,
   mutedError: palette.pastelRedLight20,
   errorSurface: palette.linen,
-  onErrorSurface: palette.vermilion,
+  onErrorSurface: palette.amaranthaRed,
 
   warning: palette.mellowApricot,
   mutedWarning: palette.mellowApricotLight20,
   warningSurface: palette.seashell,
-  onWarningSurface: palette.deepSaffron,
+  onWarningSurface: palette.orangeBrown,
 
   success: palette.emerald,
   mutedSuccess: palette.emeraldLight20,
@@ -39,12 +39,12 @@ const globalPalette: GlobalSystemPalette = {
   info: palette.vodka,
   mutedInfo: palette.vodkaLight20,
   infoSurface: palette.aliceBlue,
-  onInfoSurface: palette.ultramarineBlue,
+  onInfoSurface: palette.gentianFlower,
 
   archived: palette.silverChalice,
   mutedArchived: palette.silverChaliceLight20,
-  archivedSurface: palette.antiFlashWhite,
-  onArchivedSurface: palette.sonicSilver,
+  archivedSurface: palette.cumberlandFog,
+  onArchivedSurface: palette.windsorGrey,
   // End of Updated 21 / Nov / 22
 };
 

package/src/theme/global/colors/jobs.ts

@@ -9,7 +9,7 @@ const jobsBrandSystemPallete: BrandSystemPalette = {
   onSecondary: palette.white,
   defaultSurface: palette.white,
   highlightedSurface: palette.hitPinkLight90,
-  pressedSurface: palette.appleLight10,
+  pressedSurface: palette.appleDark20,
 
   decorativePrimary: palette.hitPink,
   decorativePrimarySurface: palette.hitPinkLight80,

package/src/theme/global/colors/swag.ts

@@ -9,7 +9,7 @@ const swagBrandSystemPallete: BrandSystemPalette = {
   onSecondary: palette.white,
   defaultSurface: palette.greyLight90,
   highlightedSurface: palette.scarletGumLight90,
-  pressedSurface: palette.scarletGumLight20,
+  pressedSurface: palette.scarletGumDark20,
 
   decorativePrimary: palette.white,
   decorativePrimarySurface: palette.maasstrichtBlueLight80,

package/src/theme/global/colors/wallet.ts

@@ -7,9 +7,9 @@ const walletBrandSystemPallete: BrandSystemPalette = {
   onPrimary: palette.white,
   secondary: palette.royalBlueDark30,
   onSecondary: palette.white,
-  defaultSurface: palette.frenchSkyLight70,
+  defaultSurface: palette.white,
   highlightedSurface: palette.royalBlueLight90,
-  pressedSurface: palette.royalBlueLight10,
+  pressedSurface: palette.royalBlueDark20,
 
   decorativePrimary: palette.frenchSky,
   decorativePrimarySurface: palette.frenchSkyLight80,

package/src/theme/global/colors/work.ts

@@ -3,13 +3,13 @@ import swag from './swag';
 import type { SystemPalette, BrandSystemPalette } from './types';
 
 const workBrandSystemPallete: BrandSystemPalette = {
-  primary: palette.policeBlue,
+  primary: palette.black,
   onPrimary: palette.white,
-  secondary: palette.policeBlueLight25,
+  secondary: palette.blackLight30,
   onSecondary: palette.white,
   defaultSurface: palette.white,
-  highlightedSurface: palette.policeBlueLight90,
-  pressedSurface: palette.policeBlueLight20,
+  highlightedSurface: palette.blackLight90,
+  pressedSurface: palette.black,
 
   decorativePrimary: palette.gold,
   decorativePrimarySurface: palette.goldLight80,

package/types/components/FAB/StyledFAB.d.ts

@@ -5,6 +5,8 @@ import type { IconProps } from '../Icon';
 declare const StyledFAB: import("@emotion/native").StyledComponent<TouchableHighlightProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
+} & {
+    themeActive?: boolean | undefined;
 }, {}, {
     ref?: import("react").Ref<TouchableHighlight> | undefined;
 }>;

package/types/components/Swipeable/index.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, ReactNode } from 'react';
-import { Swipeable as RnghSwipeable, RectButton } from 'react-native-gesture-handler';
+import { RectButton, Swipeable as RnghSwipeable } from 'react-native-gesture-handler';
 type State = 'closed' | 'leftOpen' | 'rightOpen';
 type RnghSwipeableProps = ComponentProps<typeof RnghSwipeable>;
 export interface SwipeableProps extends Pick<RnghSwipeableProps, 'enableTrackpadTwoFingerGesture' | 'friction' | 'leftThreshold' | 'rightThreshold' | 'overshootLeft' | 'overshootRight' | 'overshootFriction' | 'useNativeAnimations' | 'containerStyle' | 'childrenContainerStyle'> {