@hero-design/rn 8.22.0-alpha.0 → 8.23.0

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

@@ -2,8 +2,8 @@
 
 exports[`swagDark returns correct theme object 1`] = `
 Object {
-  "archived": "#abacaf",
-  "archivedSurface": "#f1f2f3",
+  "archived": "#68686d",
+  "archivedSurface": "#344348",
   "darkGlobalSurface": "#ffffff",
   "decorativePrimary": "#001f23",
   "decorativePrimarySurface": "#193539",
@@ -11,28 +11,28 @@ Object {
   "defaultSurface": "#001f23",
   "disabledOnDefaultGlobalSurface": "#82858a",
   "disabledOutline": "#82858a",
-  "error": "#f46363",
-  "errorSurface": "#fcebe7",
+  "error": "#c8300a",
+  "errorSurface": "#6f2a17",
   "highlightedSurface": "#443153",
   "inactiveOnDefaultGlobalSurface": "#99a5a7",
   "inactiveOutline": "#99a5a7",
-  "info": "#b5c3fd",
-  "infoSurface": "#ecf0ff",
-  "mutedArchived": "#bcbdbf",
-  "mutedError": "#f68282",
-  "mutedInfo": "#c4cffd",
+  "info": "#3e5ee2",
+  "infoSurface": "#23438f",
+  "mutedArchived": "#b2b3b5",
+  "mutedError": "#e55d3c",
+  "mutedInfo": "#6a86fc",
   "mutedOnDefaultGlobalSurface": "#b3bcbd",
-  "mutedSuccess": "#7bd897",
-  "mutedWarning": "#ffcb8d",
+  "mutedSuccess": "#34978a",
+  "mutedWarning": "#b7864e",
   "neutralGlobalSurface": "#264144",
-  "onArchivedSurface": "#737479",
+  "onArchivedSurface": "#acacaf",
   "onDarkGlobalSurface": "#001f23",
   "onDefaultGlobalSurface": "#ffffff",
-  "onErrorSurface": "#de350b",
-  "onInfoSurface": "#4568fb",
+  "onErrorSurface": "#f89076",
+  "onInfoSurface": "#a1b5fc",
   "onPrimary": "#001f23",
   "onSecondary": "#001f23",
-  "onSuccessSurface": "#017d6d",
+  "onSuccessSurface": "#01cbb0",
   "onWarningSurface": "#ffa234",
   "overlayGlobalSurface": "#727478",
   "pressedSurface": "#cc9df1",
@@ -40,9 +40,9 @@ Object {
   "primaryOutline": "#ffffff",
   "secondary": "#dbbaf5",
   "secondaryOutline": "#193539",
-  "success": "#5ace7d",
-  "successSurface": "#f0fef4",
-  "warning": "#ffbe71",
-  "warningSurface": "#fff6eb",
+  "success": "#017162",
+  "successSurface": "#004e48",
+  "warning": "#a56822",
+  "warningSurface": "#4d4628",
 }
 `;

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

@@ -21,30 +21,30 @@ const globalPalette: GlobalSystemPalette = {
   disabledOutline: palette.greyDark20,
 
   // Accents
-  error: palette.pastelRed,
-  mutedError: palette.pastelRedLight20,
-  errorSurface: palette.linen,
-  onErrorSurface: palette.vermilion,
-
-  warning: palette.mellowApricot,
-  mutedWarning: palette.mellowApricotLight20,
-  warningSurface: palette.seashell,
-  onWarningSurface: palette.deepSaffron,
-
-  success: palette.emerald,
-  mutedSuccess: palette.emeraldLight20,
-  successSurface: palette.honeydew,
-  onSuccessSurface: palette.pineGreen,
-
-  info: palette.vodka,
-  mutedInfo: palette.vodkaLight20,
-  infoSurface: palette.aliceBlue,
-  onInfoSurface: palette.ultramarineBlue,
-
-  archived: palette.silverChalice,
-  mutedArchived: palette.silverChaliceLight20,
-  archivedSurface: palette.antiFlashWhite,
-  onArchivedSurface: palette.sonicSilver,
+  error: palette.vermilionDark10,
+  mutedError: palette.vermilionLight20,
+  errorSurface: palette.moussaka,
+  onErrorSurface: palette.indianDance,
+
+  warning: palette.theatreGold,
+  mutedWarning: palette.theatreGoldLight20,
+  warningSurface: palette.uniformGreen,
+  onWarningSurface: palette.blazingBonfire,
+
+  success: palette.pineGreenDark10,
+  mutedSuccess: palette.pineGreenLight20,
+  successSurface: palette.deepIntoTheJungle,
+  onSuccessSurface: palette.mintLeaf,
+
+  info: palette.ultramarineBlueDark10,
+  mutedInfo: palette.ultramarineBlueLight20,
+  infoSurface: palette.blueOblivion,
+  onInfoSurface: palette.pastelBlue,
+
+  archived: palette.sonicSilverDark10,
+  mutedArchived: palette.sonicSilverLight50,
+  archivedSurface: palette.bigStone,
+  onArchivedSurface: palette.flagstone,
   // End of Updated 21 / Nov / 22
 };
 

package/src/utils/hooks.ts

@@ -23,7 +23,7 @@ export const useDeprecation = (message: string, cond = true) => {
   useEffect(() => {
     // eslint-disable-next-line no-console
     if (cond) {
-      console.error(message);
+      console.warn(message);
     }
   }, [message, cond]);
 };

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { TouchableHighlight } from 'react-native';
 import type { TextProps, TouchableHighlightProps } from 'react-native';
+import { TouchableHighlight } from 'react-native';
 import type { IconProps } from '../Icon';
-declare const StyledFABContainer: import("@emotion/native").StyledComponent<TouchableHighlightProps & {
+declare const StyledFAB: import("@emotion/native").StyledComponent<TouchableHighlightProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, {}, {
@@ -16,4 +16,8 @@ declare const StyledFABText: import("@emotion/native").StyledComponent<import(".
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & TextProps, {}, {}>;
-export { StyledFABContainer, StyledFABIcon, StyledFABText };
+declare const StyledFABContainer: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {}>;
+export { StyledFAB, StyledFABIcon, StyledFABText, StyledFABContainer };

package/types/components/Success/StyledSuccess.d.ts

@@ -0,0 +1,54 @@
+/// <reference types="react" />
+import { Modal, View } from 'react-native';
+declare type SuccessVariant = 'full-screen' | 'in-page';
+declare const StyledSuccessContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    themeVariant: SuccessVariant;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledSuccessImage: import("@emotion/native").StyledComponent<import("../Image").ImageProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {}>;
+declare const StyledSuccessContent: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledSuccessImageContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledSuccessTitle: import("@emotion/native").StyledComponent<import("../..").TextProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {}>;
+declare const StyledSuccessDescription: import("@emotion/native").StyledComponent<import("../..").TextProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {}>;
+declare const StyledSuccessButtonContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledSuccessButtonPrimary: import("@emotion/native").StyledComponent<import("../Button/Button").ButtonProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {}>;
+declare const StyledSuccessModal: import("@emotion/native").StyledComponent<import("react-native").ModalBaseProps & import("react-native").ModalPropsIOS & import("react-native").ModalPropsAndroid & import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<Modal> | undefined;
+}>;
+export { SuccessVariant, StyledSuccessImage, StyledSuccessContainer, StyledSuccessContent, StyledSuccessImageContainer, StyledSuccessTitle, StyledSuccessDescription, StyledSuccessButtonContainer, StyledSuccessButtonPrimary, StyledSuccessModal, };