@hero-design/rn 8.89.0 → 8.90.1

package/types/components/Card/StyledCard.d.ts

@@ -3,7 +3,7 @@ declare const StyledCard: import("@emotion/native").StyledComponent<import("reac
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
-    themeIntent?: "primary" | "success" | "warning" | "danger" | "archived" | "neutral";
+    themeIntent?: "primary" | "secondary" | "success" | "warning" | "danger" | "archived" | "neutral";
     themeVariant?: "basic" | "super-round";
 }, {}, {
     ref?: import("react").Ref<View> | undefined;

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

@@ -8,7 +8,7 @@ export interface CardProps extends ViewProps {
     /**
      * Visual intent color to apply to card.
      */
-    intent?: 'primary' | 'success' | 'warning' | 'danger' | 'archived' | 'neutral';
+    intent?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'archived' | 'neutral';
     /**
      * Additional style.
      */

package/types/components/DatePicker/types.d.ts

@@ -80,4 +80,8 @@ export interface DatePickerProps {
      * Locale for the date picker, iOS only.
      */
     locale?: string;
+    /**
+     * [Android only] autoTheme will automatically set the theme based on the device's light mode or dark mode.
+     * */
+    autoTheme?: boolean;
 }

package/types/components/Icon/HeroIcon/index.d.ts

@@ -1,4 +1,4 @@
-type ThemeSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+type ThemeSize = 'xxxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
 type ThemeIntent = 'text' | 'primary' | 'secondary' | 'info' | 'danger' | 'success' | 'warning' | 'disabled-text' | 'text-inverted' | 'muted';
 declare const StyledHeroIcon: import("@emotion/native").StyledComponent<import("react-native-vector-icons/Icon").IconProps & {
     theme?: import("@emotion/react").Theme;

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

@@ -14,7 +14,7 @@ export interface IconProps extends AccessibilityProps {
     /**
      * Size of the Icon.
      */
-    size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+    size?: 'xxxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
     /**
      * Rotate icon with animation.
      */

package/types/theme/components/card.d.ts

@@ -3,12 +3,14 @@ declare const getCardTheme: (theme: GlobalTheme) => {
     colors: {
         dataCardIndicator: string;
         primary: string;
+        secondary: string;
         info: string;
         success: string;
         warning: string;
         danger: string;
         archived: string;
         neutral: string;
+        dataCardBackground: string;
     };
     sizes: {
         indicatorWidth: number;

package/types/theme/components/icon.d.ts

@@ -13,6 +13,7 @@ declare const getIconTheme: (theme: GlobalTheme) => {
         muted: string;
     };
     sizes: {
+        xxxsmall: number;
         xsmall: number;
         small: number;
         medium: number;

package/types/theme/getTheme.d.ts

@@ -49,7 +49,10 @@ import getSearchTheme from './components/search';
 import getMapPinTheme from './components/mapPin';
 import getFloatingIslandTheme from './components/floatingIsland';
 import getAppCueTheme from './components/appCue';
+import { ThemeMode } from './global/colors/types';
 type Theme = GlobalTheme & {
+    themeMode?: ThemeMode;
+} & {
     __hd__: {
         accordion: ReturnType<typeof getAccordionTheme>;
         alert: ReturnType<typeof getAlertTheme>;

package/types/theme/global/colors/swagLightJobs.d.ts

@@ -44,5 +44,6 @@ declare const swagLightJobsSystemPalette: {
     pressedSurface: string;
     decorativePrimary: string;
     decorativePrimarySurface: string;
+    themeMode?: import("./types").ThemeMode;
 };
 export default swagLightJobsSystemPalette;

package/types/theme/global/colors/types.d.ts

@@ -47,4 +47,7 @@ export type BrandSystemPalette = {
     decorativeSecondary?: string;
     decorativeSecondarySurface?: string;
 };
-export type SystemPalette = GlobalSystemPalette & BrandSystemPalette;
+export type ThemeMode = 'light' | 'dark';
+export type SystemPalette = GlobalSystemPalette & BrandSystemPalette & {
+    themeMode?: ThemeMode;
+};

package/types/theme/global/index.d.ts

@@ -56,6 +56,7 @@ declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
         decorativePrimarySurface: string;
         decorativeSecondary?: string;
         decorativeSecondarySurface?: string;
+        themeMode?: import("./colors/types").ThemeMode;
     };
     fonts: import("./typography").Fonts;
     fontSizes: import("./typography").FontSizes;