@hero-design/rn 8.91.1 → 8.91.3

package/types/components/Checkbox/StyledCheckbox.d.ts

@@ -1,5 +1,5 @@
 import { TouchableOpacity, View } from 'react-native';
-type CheckboxThemeState = 'default' | 'disabled' | 'readonly';
+type CheckboxThemeState = 'default' | 'checked' | 'disabled' | 'readonly';
 export declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;

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

@@ -38,7 +38,8 @@ export interface CheckboxProps {
 type getStateType = {
     disabled: boolean;
     readonly: boolean;
+    checked?: boolean;
 };
-export declare const getThemeState: ({ disabled, readonly }: getStateType) => "default" | "disabled" | "readonly";
+export declare const getThemeState: ({ disabled, readonly, checked, }: getStateType) => "default" | "disabled" | "checked" | "readonly";
 declare const Checkbox: ({ checked, description, withBorder, disabled, onPress, style, testID, readonly, }: CheckboxProps) => React.JSX.Element;
 export default Checkbox;

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { TextInput as RNTextInput } from 'react-native';
 import type { TextInputProps as NativeTextInputProps, StyleProp, ViewStyle, TextStyle } from 'react-native';
+import { Theme } from '../../theme';
 import type { State } from './StyledTextInput';
 import type { IconName } from '../Icon';
 export type TextInputHandles = Pick<RNTextInput, 'focus' | 'clear' | 'blur' | 'isFocused' | 'setNativeProps'>;
@@ -97,12 +98,13 @@ export declare const renderErrorOrHelpText: ({ error, helpText, }: {
     error?: string;
     helpText?: string;
 }) => false | React.JSX.Element;
-export declare const renderInput: ({ variant, nativeInputProps, renderInputValue, ref, }: {
+export declare const renderInput: ({ variant, nativeInputProps, renderInputValue, ref, theme, }: {
     variant: TextInputVariant;
     nativeInputProps: NativeTextInputProps;
     multiline?: boolean;
     renderInputValue?: (inputProps: NativeTextInputProps) => React.ReactNode;
     ref?: React.Ref<RNTextInput>;
+    theme: Theme;
 }) => string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
 export declare const renderSuffix: ({ state, loading, suffix, }: {
     state: State;

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

@@ -3,6 +3,13 @@ declare const getCheckboxTheme: (theme: GlobalTheme) => {
     colors: {
         borders: {
             default: string;
+            checked: string;
+            disabled: string;
+            readonly: string;
+        };
+        checkboxBorder: {
+            default: string;
+            checked: string;
             disabled: string;
             readonly: string;
         };

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

@@ -25,16 +25,7 @@ declare const getChipTheme: (theme: GlobalTheme) => {
         outlinedDefaultBorder: number;
     };
     shadows: {
-        filledWrapper: {
-            shadowOffset: {
-                width: number;
-                height: number;
-            };
-            shadowColor: string;
-            shadowOpacity: number;
-            shadowRadius: number;
-            elevation: number;
-        };
+        filledWrapper: import("../global/shadows/types").ShadowStyles;
     };
     fontSizes: {
         icon: number;

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

@@ -7,16 +7,7 @@ declare const getFloatingIslandTheme: (theme: GlobalTheme) => {
         wrapper: number;
     };
     shadows: {
-        wrapper: {
-            shadowOffset: {
-                width: number;
-                height: number;
-            };
-            shadowColor: string;
-            shadowOpacity: number;
-            shadowRadius: number;
-            elevation: number;
-        };
+        wrapper: import("../global/shadows/types").ShadowStyles;
     };
     space: {
         wrapperPadding: number;

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

@@ -9,16 +9,7 @@ declare const getSliderTheme: (theme: GlobalTheme) => {
         disabledTrackBackground: string;
     };
     shadows: {
-        marker: {
-            shadowOffset: {
-                width: number;
-                height: number;
-            };
-            shadowColor: string;
-            shadowOpacity: number;
-            shadowRadius: number;
-            elevation: number;
-        };
+        marker: import("../global/shadows/types").ShadowStyles;
     };
     sizes: {
         trackHeight: number;

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

@@ -7,7 +7,7 @@ declare const getSwitchTheme: (theme: GlobalTheme) => {
             'disabled-checked': string;
             'disabled-unchecked': string;
         };
-        thumb: string;
+        thumb: string | undefined;
         selector: {
             background: string;
             textBackground: string;

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

@@ -40,6 +40,7 @@ declare const getTextInputTheme: (theme: GlobalTheme) => {
             readonly: string;
             filled: string;
         };
+        placeholder: string;
     };
     space: {
         containerPadding: number;

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

@@ -1,51 +1,3 @@
-declare const swagLightJobsSystemPalette: {
-    secondary: string;
-    onSecondary: string;
-    secondaryHighlightedSurface: string;
-    decorativeSecondary: string;
-    decorativeSecondarySurface: string;
-    defaultGlobalSurface: string;
-    onDefaultGlobalSurface: string;
-    neutralGlobalSurface: string;
-    mutedOnDefaultGlobalSurface: string;
-    inactiveOnDefaultGlobalSurface: string;
-    disabledOnDefaultGlobalSurface: string;
-    darkGlobalSurface: string;
-    onDarkGlobalSurface: string;
-    overlayGlobalSurface: string;
-    primaryOutline: string;
-    secondaryOutline: string;
-    inactiveOutline: string;
-    disabledOutline: string;
-    error: string;
-    mutedError: string;
-    errorSurface: string;
-    onErrorSurface: string;
-    warning: string;
-    mutedWarning: string;
-    warningSurface: string;
-    onWarningSurface: string;
-    success: string;
-    mutedSuccess: string;
-    successSurface: string;
-    onSuccessSurface: string;
-    info: string;
-    mutedInfo: string;
-    infoSurface: string;
-    onInfoSurface: string;
-    archived: string;
-    mutedArchived: string;
-    archivedSurface: string;
-    onArchivedSurface: string;
-    black?: string;
-    white?: string;
-    primary: string;
-    onPrimary: string;
-    defaultSurface: string;
-    highlightedSurface: string;
-    pressedSurface: string;
-    decorativePrimary: string;
-    decorativePrimarySurface: string;
-    themeMode?: import("./types").ThemeMode;
-};
+import { SystemPalette } from './types';
+declare const swagLightJobsSystemPalette: SystemPalette;
 export default swagLightJobsSystemPalette;

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

@@ -50,6 +50,8 @@ export type BrandSystemPalette = {
     decorativeSecondarySurface?: string;
 };
 export type ThemeMode = 'light' | 'dark';
+export type ThemeName = 'swagLight' | 'swagLightJobs' | 'ehWorkDark';
 export type SystemPalette = GlobalSystemPalette & BrandSystemPalette & {
     themeMode?: ThemeMode;
+    name?: ThemeName;
 };

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

@@ -60,6 +60,7 @@ declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
         decorativeSecondary?: string;
         decorativeSecondarySurface?: string;
         themeMode?: import("./colors/types").ThemeMode;
+        name?: import("./colors/types").ThemeName;
     };
     fonts: import("./typography").Fonts;
     fontSizes: import("./typography").FontSizes;
@@ -68,18 +69,7 @@ declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
     space: import("./space").Space;
     sizes: import("./sizes").Sizes;
     radii: import("./borders").Radii;
-    shadows: {
-        default: {
-            shadowOffset: {
-                width: number;
-                height: number;
-            };
-            shadowColor: string;
-            shadowOpacity: number;
-            shadowRadius: number;
-            elevation: number;
-        };
-    };
+    shadows: import("./shadows/types").ShadowPalette;
 };
 type GlobalTheme = ReturnType<typeof getGlobalTheme>;
 export type { GlobalTheme, Scale, SystemPalette };

package/types/theme/global/shadows/ehWorkDark.d.ts

@@ -0,0 +1,3 @@
+import type { ShadowPalette } from './types';
+declare const ehWorkDarkShadowPalette: ShadowPalette;
+export default ehWorkDarkShadowPalette;

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

@@ -0,0 +1,5 @@
+import { SystemPalette } from '../colors/types';
+declare const getShadows: (palette: SystemPalette) => import("./types").ShadowPalette;
+type Shadows = ReturnType<typeof getShadows>;
+export { getShadows };
+export type { Shadows };

package/types/theme/global/shadows/swagLight.d.ts

@@ -0,0 +1,3 @@
+import type { ShadowPalette } from './types';
+declare const swagLightShadowPalette: ShadowPalette;
+export default swagLightShadowPalette;

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

@@ -0,0 +1,3 @@
+import type { ShadowPalette } from './types';
+declare const swagLightJobsShadowPalette: ShadowPalette;
+export default swagLightJobsShadowPalette;

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

@@ -0,0 +1,15 @@
+export type ShadowStyles = {
+    shadowOffset: {
+        width: number;
+        height: number;
+    };
+    shadowColor: string;
+    shadowOpacity: number;
+    shadowRadius: number;
+    elevation: number;
+};
+export type ShadowPalette = {
+    default: ShadowStyles;
+    cardDrawer: ShadowStyles;
+    tabBar: ShadowStyles;
+};

package/src/theme/global/shadows.ts

@@ -1,19 +0,0 @@
-import type { SystemPalette } from '.';
-
-const getShadows = (systemPalette: SystemPalette) => ({
-  default: {
-    shadowOffset: {
-      width: 0,
-      height: 2,
-    },
-    shadowColor: systemPalette.primaryOutline,
-    shadowOpacity: 0.12,
-    shadowRadius: 4,
-    elevation: 3,
-  },
-});
-
-type Shadows = ReturnType<typeof getShadows>;
-
-export { getShadows };
-export type { Shadows };

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

@@ -1,16 +0,0 @@
-import type { SystemPalette } from '.';
-declare const getShadows: (systemPalette: SystemPalette) => {
-    default: {
-        shadowOffset: {
-            width: number;
-            height: number;
-        };
-        shadowColor: string;
-        shadowOpacity: number;
-        shadowRadius: number;
-        elevation: number;
-    };
-};
-type Shadows = ReturnType<typeof getShadows>;
-export { getShadows };
-export type { Shadows };