@hero-design/rn 8.120.2 → 8.121.0

package/types/components/TextInput/StyledTextInput.d.ts

@@ -44,7 +44,7 @@ declare const StyledMaxLengthMessage: import("@emotion/native").StyledComponent<
 } & {
     themeState: State;
 }, {}, {}>;
-declare const StyledHelperText: ({ children, fontWeight, intent, allowFontScaling, fontStyle, ...nativeProps }: import("../..").CaptionProps) => import("react").JSX.Element;
+declare const StyledHelperText: ({ children, fontWeight, intent, allowFontScaling, fontStyle, style, testID, ...nativeProps }: import("../..").CaptionProps) => import("react").JSX.Element;
 declare const StyledTextInput: import("@emotion/native").StyledComponent<import("react-native").TextInputProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;

package/types/components/Toolbar/StyledToolbar.d.ts

@@ -1,6 +1,6 @@
 import { TextInput, View } from 'react-native';
 import type { ViewProps } from 'react-native';
-import type { BodyProps } from '../Typography/Body';
+import type { TypographyColorIntent } from '../Typography/types';
 export type ToolbarMessageState = 'default' | 'filled' | 'disabled' | 'readonly';
 declare const ToolbarWrapper: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: import("@emotion/react").Theme;
@@ -26,15 +26,15 @@ declare const IconButtonWrapper: import("@emotion/native").StyledComponent<ViewP
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const IconButtonLabel: import("@emotion/native").StyledComponent<BodyProps & {
+declare const IconButtonLabel: import("@emotion/native").StyledComponent<import("../..").BodyProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;
-declare const StyledLabel: import("@emotion/native").StyledComponent<BodyProps & {
+declare const StyledLabel: import("@emotion/native").StyledComponent<import("../..").BodyProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
-    intent: Exclude<BodyProps["intent"], undefined>;
+    intent: TypographyColorIntent;
 }, {}, {}>;
 declare const ToolbarMessageWrapper: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: import("@emotion/react").Theme;

package/types/components/Typography/Body/StyledBody.d.ts

@@ -1,11 +1,11 @@
 import { Text } from 'react-native';
-import type { TypographyIntent } from '../types';
+import type { TypographyColorIntent } from '../types';
 type ThemeVariant = 'small' | 'small-bold' | 'regular' | 'regular-bold';
 declare const StyledBody: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
-    themeIntent: TypographyIntent;
+    themeIntent: TypographyColorIntent;
     themeTypeface: "neutral" | "playful";
     themeVariant: ThemeVariant;
     themeIsItalic?: boolean;

package/types/components/Typography/Body/index.d.ts

@@ -34,5 +34,5 @@ export interface BodyProps extends NativeTextProps {
      */
     fontStyle?: 'normal' | 'italic';
 }
-declare const Body: ({ children, intent, allowFontScaling, typeface, variant, fontStyle, ...nativeProps }: BodyProps) => React.JSX.Element;
+declare const Body: ({ children, intent, allowFontScaling, typeface, variant, fontStyle, style, testID, ...nativeProps }: BodyProps) => React.JSX.Element;
 export default Body;

package/types/components/Typography/Caption/StyledCaption.d.ts

@@ -1,11 +1,11 @@
 import { Text } from 'react-native';
-import type { TypographyIntent } from '../types';
+import type { TypographyColorIntent } from '../types';
 declare const StyledCaption: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     themeFontWeight: "regular" | "semi-bold";
-    themeIntent: TypographyIntent;
+    themeIntent: TypographyColorIntent;
     themeIsItalic?: boolean;
 }, {}, {
     ref?: import("react").Ref<Text> | undefined;

package/types/components/Typography/Caption/index.d.ts

@@ -28,5 +28,5 @@ export interface CaptionProps extends NativeTextProps {
      */
     fontStyle?: 'normal' | 'italic';
 }
-declare const Caption: ({ children, fontWeight, intent, allowFontScaling, fontStyle, ...nativeProps }: CaptionProps) => React.JSX.Element;
+declare const Caption: ({ children, fontWeight, intent, allowFontScaling, fontStyle, style, testID, ...nativeProps }: CaptionProps) => React.JSX.Element;
 export default Caption;

package/types/components/Typography/GradientText/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { AccessibilityProps } from 'react-native';
+interface GradientTextProps extends AccessibilityProps {
+    children: React.ReactNode;
+}
+declare const GradientText: ({ children, ...accessibilityProps }: GradientTextProps) => React.JSX.Element;
+export default GradientText;

package/types/components/Typography/Label/StyledLabel.d.ts

@@ -1,10 +1,10 @@
 import { Text } from 'react-native';
-import type { TypographyIntent } from '../types';
+import type { TypographyColorIntent } from '../types';
 declare const StyledLabel: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
-    themeIntent: TypographyIntent;
+    themeIntent: TypographyColorIntent;
     themeIsItalic?: boolean;
 }, {}, {
     ref?: import("react").Ref<Text> | undefined;

package/types/components/Typography/Label/index.d.ts

@@ -24,5 +24,5 @@ export interface LabelProps extends NativeTextProps {
      */
     fontStyle?: 'normal' | 'italic';
 }
-declare const Label: ({ children, intent, allowFontScaling, fontStyle, ...nativeProps }: LabelProps) => React.JSX.Element;
+declare const Label: ({ children, intent, allowFontScaling, fontStyle, style, testID, ...nativeProps }: LabelProps) => React.JSX.Element;
 export default Label;

package/types/components/Typography/Title/StyledTitle.d.ts

@@ -1,11 +1,11 @@
 import { Text } from 'react-native';
-import type { TypographyIntent } from '../types';
+import type { TypographyColorIntent } from '../types';
 type ThemeLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 declare const StyledTitle: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
-    themeIntent: TypographyIntent;
+    themeIntent: TypographyColorIntent;
     themeLevel: ThemeLevel;
     themeTypeface: "neutral" | "playful";
     themeIsItalic?: boolean;

package/types/components/Typography/Title/index.d.ts

@@ -34,5 +34,5 @@ export interface TitleProps extends NativeTextProps {
      */
     fontStyle?: 'normal' | 'italic';
 }
-declare const Title: ({ children, intent, allowFontScaling, level, typeface, fontStyle, ...nativeProps }: TitleProps) => React.JSX.Element;
+declare const Title: ({ children, intent, allowFontScaling, level, typeface, fontStyle, style, testID, ...nativeProps }: TitleProps) => React.JSX.Element;
 export default Title;

package/types/components/Typography/types.d.ts

@@ -3,4 +3,5 @@ export declare const FONTWEIGHT_MAP: {
     readonly regular: "regular";
     readonly 'semi-bold': "semiBold";
 };
-export type TypographyIntent = 'body' | 'subdued' | 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'inverted' | 'archived' | 'disabled' | 'muted' | 'inactive';
+export type TypographyColorIntent = 'body' | 'subdued' | 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'inverted' | 'archived' | 'disabled' | 'muted' | 'inactive';
+export type TypographyIntent = TypographyColorIntent | 'ai';

package/types/components/Typography/utils.d.ts

@@ -0,0 +1,2 @@
+import type { AccessibilityProps, TextProps } from 'react-native';
+export declare const pickAccessibilityProps: (props: TextProps) => AccessibilityProps;

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

@@ -0,0 +1,3 @@
+import type { Gradients, SystemPalette } from './types';
+declare const getGradients: (systemPalette: SystemPalette) => Gradients;
+export default getGradients;

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

@@ -1,3 +1,4 @@
+import type { ColorValue } from 'react-native';
 export type GlobalSystemPalette = {
     defaultGlobalSurface: string;
     onDefaultGlobalSurface: string;
@@ -49,6 +50,26 @@ export type BrandSystemPalette = {
     decorativeSecondary?: string;
     decorativeSecondarySurface?: string;
 };
+export type GradientPoint = {
+    x: number;
+    y: number;
+};
+export type GradientToken = {
+    angle: number;
+    start: GradientPoint;
+    end: GradientPoint;
+    colors: readonly [ColorValue, ColorValue, ...ColorValue[]];
+    locations: readonly [number, number, ...number[]];
+    opacity?: number;
+    backgroundFallback?: string;
+};
+export type Gradients = {
+    aiDiagonal: GradientToken;
+    aiDiagonal8: GradientToken;
+    aiDiagonal16: GradientToken;
+    aiDiagonal24: GradientToken;
+    aiHorizontal: GradientToken;
+};
 export type ThemeMode = 'light' | 'dark';
 type ThemeName = 'swagLight' | 'swagLightJobs' | 'ehWorkDark' | 'ehWork' | 'ehJobs';
 export type SystemPalette = GlobalSystemPalette & BrandSystemPalette & {

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

@@ -11,9 +11,10 @@ import ehWorkDarkSystemPalette from './colors/ehWorkDark';
 import ehWorkSystemPalette from './colors/ehWork';
 import ehJobsSystemPalette from './colors/ehJobs';
 import type { Scale } from './scale';
-import type { SystemPalette } from './colors/types';
+import type { GradientToken, Gradients, SystemPalette } from './colors/types';
 declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
     colors: {
+        gradients: Gradients;
         defaultGlobalSurface: string;
         onDefaultGlobalSurface: string;
         neutralGlobalSurface: string;
@@ -74,5 +75,5 @@ declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
     shadows: import("./shadows/types").ShadowPalette;
 };
 type GlobalTheme = ReturnType<typeof getGlobalTheme>;
-export type { GlobalTheme, Scale, SystemPalette };
+export type { GlobalTheme, GradientToken, Gradients, Scale, SystemPalette };
 export { getGlobalTheme, defaultScale, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ehWorkDarkSystemPalette, ehWorkSystemPalette, ehJobsSystemPalette, };