@hero-design/rn 8.35.0-alpha.3 → 8.35.0

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

@@ -3,7 +3,7 @@
 exports[`swag returns correct theme object 1`] = `
 Object {
   "archived": "#abacaf",
-  "archivedSurface": "#f1f2f3",
+  "archivedSurface": "#dadbde",
   "darkGlobalSurface": "#001f23",
   "decorativePrimary": "#ffffff",
   "decorativePrimarySurface": "#ccd2d3",
@@ -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": "#664780",
+  "pressedSurface": "#33144d",
   "primary": "#401960",
   "primaryOutline": "#001f23",
   "secondary": "#795e90",

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",
@@ -25,15 +25,15 @@ 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": "#000000",
   "primary": "#000000",

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/types/components/Calendar/index.d.ts

@@ -43,6 +43,7 @@ export interface CalendarProps {
      * Callback when header month is changed, passing this prop will disable onTitlePress.
      */
     onMonthChange?: (date: Date) => void;
+    onToggleMonthPicker?: (visible: boolean) => void;
     /**
      * Label for the confirm button of the month picker, Android only.
      */
@@ -52,5 +53,5 @@ export interface CalendarProps {
      */
     monthPickerCancelLabel?: string;
 }
-declare const Calendar: ({ value, visibleDate, onChange, onPreviousPress, onNextPress, onTitlePress, minDate, maxDate, markedDates, testID, onMonthChange, monthPickerConfirmLabel, monthPickerCancelLabel, }: CalendarProps) => JSX.Element;
+declare const Calendar: ({ value, visibleDate, onChange, onPreviousPress, onNextPress, onTitlePress, minDate, maxDate, markedDates, testID, onMonthChange, onToggleMonthPicker, monthPickerConfirmLabel, monthPickerCancelLabel, }: CalendarProps) => JSX.Element;
 export default Calendar;

package/types/components/FAB/ActionGroup/index.d.ts

@@ -40,7 +40,6 @@ export interface ActionGroupProps {
      * Testing id of the component.
      */
     testID?: string;
-    portalName?: string;
 }
 declare const ActionGroup: React.ForwardRefExoticComponent<ActionGroupProps & React.RefAttributes<ActionGroupHandles>>;
 export default ActionGroup;

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

@@ -1,8 +1,5 @@
 /// <reference types="react" />
 declare const _default: import("react").ForwardRefExoticComponent<import("./FAB").FABProps & import("react").RefAttributes<import("./FAB").FABHandles>> & {
     ActionGroup: import("react").ForwardRefExoticComponent<import("./ActionGroup").ActionGroupProps & import("react").RefAttributes<import("./ActionGroup").ActionGroupHandles>>;
-    Portal: import("react").MemoExoticComponent<({ name: _providedName, hostName, handleOnMount: _providedHandleOnMount, handleOnUnmount: _providedHandleOnUnmount, handleOnUpdate: _providedHandleOnUpdate, children, }: import("@gorhom/portal/lib/typescript/components/portal/types").PortalProps) => null>;
-    PortalHost: import("react").MemoExoticComponent<({ name }: import("@gorhom/portal/lib/typescript/components/portalHost/types").PortalHostProps) => JSX.Element>;
-    Provider: import("react").MemoExoticComponent<({ rootHostName, shouldAddRootHost, children, }: import("@gorhom/portal/lib/typescript/components/portalProvider/types").PortalProviderProps) => JSX.Element>;
 };
 export default _default;

package/types/components/Portal/PortalHost.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface PortalHostProps {
+    name: string;
+}
+export declare const PortalHost: React.MemoExoticComponent<({ name }: PortalHostProps) => JSX.Element>;

package/types/components/Portal/PortalProvider.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+export interface PortalProviderProps {
+    rootHostName?: string;
+    children: ReactNode | ReactNode[];
+}
+export declare const PortalProvider: React.MemoExoticComponent<({ rootHostName, children, }: PortalProviderProps) => JSX.Element>;

package/types/components/Portal/constants.d.ts

@@ -0,0 +1,8 @@
+declare enum ACTIONS {
+    REGISTER_HOST = 0,
+    DEREGISTER_HOST = 1,
+    ADD_UPDATE_PORTAL = 2,
+    REMOVE_PORTAL = 3
+}
+declare const INITIAL_STATE: {};
+export { ACTIONS, INITIAL_STATE };

package/types/components/Portal/contexts.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+import { ActionTypes } from './types';
+export interface PortalType {
+    name: string;
+    node: ReactNode;
+}
+export declare const PortalStateContext: React.Context<Record<string, PortalType[]> | null>;
+export declare const PortalDispatchContext: React.Context<React.Dispatch<ActionTypes> | null>;

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export interface PortalProps {
+    name?: string;
+    hostName?: string;
+    children?: ReactNode | ReactNode[];
+}
+declare const _default: import("react").NamedExoticComponent<PortalProps> & {
+    readonly type: ({ name, hostName, children }: PortalProps) => null;
+} & {
+    Provider: import("react").MemoExoticComponent<({ rootHostName, children, }: import("./PortalProvider").PortalProviderProps) => JSX.Element>;
+    Host: import("react").MemoExoticComponent<({ name }: import("./PortalHost").PortalHostProps) => JSX.Element>;
+};
+export default _default;

package/types/components/Portal/reducer.d.ts

@@ -0,0 +1,5 @@
+import { PortalType } from './contexts';
+import type { ActionTypes } from './types';
+type State = Record<string, Array<PortalType>>;
+export declare const reducer: (state: Record<string, Array<PortalType>>, action: ActionTypes) => State;
+export {};

package/types/components/Portal/types.d.ts

@@ -0,0 +1,22 @@
+import type { ReactNode } from 'react';
+import type { ACTIONS } from './constants';
+export interface AddUpdatePortalAction {
+    type: ACTIONS;
+    hostName: string;
+    portalName: string;
+    node: ReactNode;
+}
+export interface RemovePortalAction {
+    type: ACTIONS;
+    hostName: string;
+    portalName: string;
+}
+export interface RegisterHostAction {
+    type: ACTIONS;
+    hostName: string;
+}
+export interface UnregisterHostAction {
+    type: ACTIONS;
+    hostName: string;
+}
+export type ActionTypes = AddUpdatePortalAction | RemovePortalAction | RegisterHostAction | UnregisterHostAction;

package/types/components/Portal/usePortal.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export declare const usePortal: (hostName?: string) => {
+    registerHost: () => void;
+    deregisterHost: () => void;
+    addPortal: (name: string, node: ReactNode) => void;
+    updatePortal: (name: string, node: ReactNode) => void;
+    removePortal: (name: string) => void;
+};

package/types/components/Portal/usePortalState.d.ts

@@ -0,0 +1 @@
+export declare const usePortalState: (hostName: string) => import("./contexts").PortalType[];