@hero-design/rn 7.4.0 → 7.6.1-alpha

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

@@ -0,0 +1,23 @@
+import { GlobalTheme } from '../global';
+declare const getAlertTheme: (theme: GlobalTheme) => {
+    colors: {
+        success: string;
+        warning: string;
+        error: string;
+        info: string;
+        divider: string;
+    };
+    radii: {
+        default: number;
+    };
+    sizes: {
+        height: number;
+    };
+    space: {
+        padding: number;
+    };
+    borderWidths: {
+        base: number;
+    };
+};
+export default getAlertTheme;

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

@@ -0,0 +1,21 @@
+import { GlobalTheme } from '../global';
+declare const getCheckboxTheme: (theme: GlobalTheme) => {
+    colors: {
+        borderColor: string;
+        text: string;
+        disabled: string;
+    };
+    space: {
+        iconTop: number;
+    };
+    sizes: {
+        base: number;
+    };
+    radii: {
+        base: number;
+    };
+    borderWidths: {
+        default: number;
+    };
+};
+export default getCheckboxTheme;

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

@@ -0,0 +1,13 @@
+import { GlobalTheme } from '../global';
+declare const getSectionHeadingTheme: (theme: GlobalTheme) => {
+    colors: {
+        background: string;
+    };
+    space: {
+        headingVerticalPadding: number;
+        headingHorizontalPadding: number;
+        headingMarginBottom: number;
+        iconMarginRight: number;
+    };
+};
+export default getSectionHeadingTheme;

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

@@ -0,0 +1,17 @@
+import { GlobalTheme } from '../global';
+declare const getSelectTheme: (theme: GlobalTheme) => {
+    space: {
+        optionPadding: number;
+        optionListPadding: number;
+        optionListSpacing: number;
+    };
+    colors: {
+        option: string;
+        checkedOption: string;
+        footerText: string;
+    };
+    radii: {
+        option: number;
+    };
+};
+export default getSelectTheme;

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

@@ -0,0 +1,32 @@
+import { GlobalTheme } from '../global';
+declare const getSwitchTheme: (theme: GlobalTheme) => {
+    colors: {
+        thumb: string;
+        active: string;
+        inactive: string;
+    };
+    thumbSizes: {
+        small: number;
+        medium: number;
+    };
+    widths: {
+        small: number;
+        medium: number;
+    };
+    heights: {
+        small: number;
+        medium: number;
+    };
+    spaces: {
+        small: number;
+        medium: number;
+        inactive: number;
+    };
+    radii: {
+        rounded: number;
+    };
+    borderWidths: {
+        default: number;
+    };
+};
+export default getSwitchTheme;

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

@@ -9,7 +9,7 @@ declare const getTextInputTheme: (theme: GlobalTheme) => {
         labelLeft: number;
         labelTop: number;
         labelHorizontalPadding: number;
-        prefixMarginRight: number;
+        inputHorizontalMargin: number;
     };
     fontSizes: {
         text: number;

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

@@ -6,6 +6,7 @@ declare const systemPalette: {
     secondary: string;
     secondaryLight: string;
     info: string;
+    infoMediumLight: string;
     infoLight: string;
     infoBackground: string;
     success: string;
@@ -27,6 +28,7 @@ declare const systemPalette: {
     outline: string;
     archived: string;
     black: string;
+    inactiveBackground: string;
 };
 declare type SystemPalette = typeof systemPalette;
 export { systemPalette, SystemPalette };

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

@@ -9,6 +9,7 @@ declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
         secondary: string;
         secondaryLight: string;
         info: string;
+        infoMediumLight: string;
         infoLight: string;
         infoBackground: string;
         success: string;
@@ -30,6 +31,7 @@ declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
         outline: string;
         archived: string;
         black: string;
+        inactiveBackground: string;
     };
     fonts: import("./typography").Fonts;
     fontSizes: import("./typography").FontSizes;

package/types/theme/index.d.ts

@@ -1,4 +1,5 @@
 import { GlobalTheme, Scale, SystemPalette } from './global';
+import getAlertTheme from './components/alert';
 import getAvatarTheme from './components/avatar';
 import getBadgeTheme from './components/badge';
 import getBottomNavigationTheme from './components/bottomNavigation';
@@ -11,14 +12,18 @@ import getDrawerTheme from './components/drawer';
 import getFABTheme from './components/fab';
 import getIconTheme from './components/icon';
 import getProgressTheme from './components/progress';
-import getSpinnerTheme from './components/spinner';
 import getRadioTheme from './components/radio';
+import getSectionHeadingTheme from './components/sectionHeading';
+import getSelectTheme from './components/select';
+import getSpinnerTheme from './components/spinner';
+import getSwitchTheme from './components/switch';
 import getTabsTheme from './components/tabs';
 import getTagTheme from './components/tag';
 import getTextInputTheme from './components/textInput';
 import getTypographyTheme from './components/typography';
 declare type Theme = GlobalTheme & {
     __hd__: {
+        alert: ReturnType<typeof getAlertTheme>;
         avatar: ReturnType<typeof getAvatarTheme>;
         badge: ReturnType<typeof getBadgeTheme>;
         bottomNavigation: ReturnType<typeof getBottomNavigationTheme>;
@@ -31,8 +36,11 @@ declare type Theme = GlobalTheme & {
         fab: ReturnType<typeof getFABTheme>;
         icon: ReturnType<typeof getIconTheme>;
         progress: ReturnType<typeof getProgressTheme>;
-        spinner: ReturnType<typeof getSpinnerTheme>;
         radio: ReturnType<typeof getRadioTheme>;
+        sectionHeading: ReturnType<typeof getSectionHeadingTheme>;
+        select: ReturnType<typeof getSelectTheme>;
+        spinner: ReturnType<typeof getSpinnerTheme>;
+        switch: ReturnType<typeof getSwitchTheme>;
         tabs: ReturnType<typeof getTabsTheme>;
         tag: ReturnType<typeof getTagTheme>;
         textInput: ReturnType<typeof getTextInputTheme>;
@@ -41,5 +49,14 @@ declare type Theme = GlobalTheme & {
 };
 declare const getTheme: (scale?: Scale, systemPallete?: SystemPalette) => Theme;
 declare const theme: Theme;
-export { Theme, getTheme };
+export interface ThemeProviderProps {
+    theme: Partial<Theme> | ((outerTheme: Theme) => Theme);
+    children: React.ReactNode;
+}
+interface ThemeProviderType {
+    (props: ThemeProviderProps): React.ReactElement;
+}
+declare const ThemeProvider: ThemeProviderType;
+declare const useTheme: () => Theme;
+export { Theme, getTheme, ThemeProvider, useTheme };
 export default theme;

package/.expo/README.md

@@ -1,15 +0,0 @@
-> Why do I have a folder named ".expo" in my project?
-
-The ".expo" folder is created when an Expo project is started using "expo start" command.
-
-> What do the files contain?
-
-- "devices.json": contains information about devices that have recently opened this project. This is used to populate the "Development sessions" list in your development builds.
-- "packager-info.json": contains port numbers and process PIDs that are used to serve the application to the mobile device/simulator.
-- "settings.json": contains the server configuration that is used to serve the application manifest.
-
-> Should I commit the ".expo" folder?
-
-No, you should not share the ".expo" folder. It does not contain any information that is relevant for other developers working on the project, it is specific to your machine.
-
-Upon project creation, the ".expo" folder is already added to your ".gitignore" file.

package/.expo/packager-info.json

@@ -1,10 +0,0 @@
-{
-  "devToolsPort": 19002,
-  "expoServerPort": null,
-  "packagerPort": 19000,
-  "packagerPid": null,
-  "expoServerNgrokUrl": null,
-  "packagerNgrokUrl": null,
-  "ngrokPid": null,
-  "webpackServerPort": null
-}

package/.expo/prebuild/cached-packages.json

@@ -1,4 +0,0 @@
-{
-  "dependencies": "75a9d3d29379eb983d76968e2681af38c930ef79",
-  "devDependencies": "843b58fa49ff6a9ac1aaf4f6f32cb9da88f61475"
-}

package/.expo/settings.json

@@ -1,10 +0,0 @@
-{
-  "hostType": "lan",
-  "lanType": "ip",
-  "dev": true,
-  "minify": false,
-  "urlRandomness": null,
-  "https": false,
-  "scheme": null,
-  "devClient": false
-}

package/.expo/xcodebuild-error.log

@@ -1,2 +0,0 @@
-2022-08-15 16:30:43.312 xcodebuild[51962:564141] Requested but did not find extension point with identifier Xcode.IDEKit.ExtensionSentinelHostApplications for extension Xcode.DebuggerFoundation.AppExtensionHosts.watchOS of plug-in com.apple.dt.IDEWatchSupportCore
-2022-08-15 16:30:43.312 xcodebuild[51962:564141] Requested but did not find extension point with identifier Xcode.IDEKit.ExtensionPointIdentifierToBundleIdentifier for extension Xcode.DebuggerFoundation.AppExtensionToBundleIdentifierMap.watchOS of plug-in com.apple.dt.IDEWatchSupportCore