@hero-design/rn 7.17.1 → 7.18.0

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

@@ -4,9 +4,11 @@ declare const getDrawerTheme: (theme: GlobalTheme) => {
         shadow: string;
         background: string;
         backdrop: string;
+        handler: string;
     };
     radii: {
         default: number;
+        handler: number;
     };
     shadows: {
         offset: {
@@ -17,5 +19,12 @@ declare const getDrawerTheme: (theme: GlobalTheme) => {
         radius: number;
         elevation: number;
     };
+    space: {
+        handlerPaddingVertical: number;
+    };
+    sizes: {
+        handlerWidth: number;
+        handlerHeight: number;
+    };
 };
 export default getDrawerTheme;

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

@@ -14,8 +14,9 @@ declare const getEmptyTheme: (theme: GlobalTheme) => {
         illustration: number;
     };
     space: {
-        medium: number;
-        large: number;
+        titleMargin: number;
+        illustrationMargin: number;
+        wrapperPadding: number;
     };
     fonts: {
         title: string;

package/types/theme/getTheme.d.ts

@@ -0,0 +1,74 @@
+import { GlobalTheme, Scale, SystemPalette } from './global';
+import getAccordionTheme from './components/accordion';
+import getAlertTheme from './components/alert';
+import getAvatarTheme from './components/avatar';
+import getBadgeTheme from './components/badge';
+import getBottomNavigationTheme from './components/bottomNavigation';
+import getBottomSheetTheme from './components/bottomSheet';
+import getButtonTheme from './components/button';
+import getCalendarTheme from './components/calendar';
+import getCardTheme from './components/card';
+import getCheckboxTheme from './components/checkbox';
+import getContentNavigatorTheme from './components/contentNavigator';
+import getDatePickerTheme from './components/datePicker';
+import getDividerTheme from './components/divider';
+import getDrawerTheme from './components/drawer';
+import getEmptyTheme from './components/empty';
+import getFABTheme from './components/fab';
+import getIconTheme from './components/icon';
+import getListTheme from './components/list';
+import getPinInputTheme from './components/pinInput';
+import getProgressTheme from './components/progress';
+import getRadioTheme from './components/radio';
+import getRichTextEditorTheme from './components/richTextEditor';
+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 getTimePickerTheme from './components/timePicker';
+import getToastTheme from './components/toast';
+import getToolbarTheme from './components/toolbar';
+import getTypographyTheme from './components/typography';
+declare type Theme = GlobalTheme & {
+    __hd__: {
+        accordion: ReturnType<typeof getAccordionTheme>;
+        alert: ReturnType<typeof getAlertTheme>;
+        avatar: ReturnType<typeof getAvatarTheme>;
+        badge: ReturnType<typeof getBadgeTheme>;
+        bottomNavigation: ReturnType<typeof getBottomNavigationTheme>;
+        bottomSheet: ReturnType<typeof getBottomSheetTheme>;
+        button: ReturnType<typeof getButtonTheme>;
+        calendar: ReturnType<typeof getCalendarTheme>;
+        card: ReturnType<typeof getCardTheme>;
+        checkbox: ReturnType<typeof getCheckboxTheme>;
+        contentNavigator: ReturnType<typeof getContentNavigatorTheme>;
+        datePicker: ReturnType<typeof getDatePickerTheme>;
+        divider: ReturnType<typeof getDividerTheme>;
+        drawer: ReturnType<typeof getDrawerTheme>;
+        empty: ReturnType<typeof getEmptyTheme>;
+        fab: ReturnType<typeof getFABTheme>;
+        icon: ReturnType<typeof getIconTheme>;
+        list: ReturnType<typeof getListTheme>;
+        pinInput: ReturnType<typeof getPinInputTheme>;
+        progress: ReturnType<typeof getProgressTheme>;
+        radio: ReturnType<typeof getRadioTheme>;
+        richTextEditor: ReturnType<typeof getRichTextEditorTheme>;
+        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>;
+        timePicker: ReturnType<typeof getTimePickerTheme>;
+        toast: ReturnType<typeof getToastTheme>;
+        toolbar: ReturnType<typeof getToolbarTheme>;
+        typography: ReturnType<typeof getTypographyTheme>;
+    };
+};
+declare const getTheme: (scale?: Scale, systemPallete?: SystemPalette) => Theme;
+export { Theme };
+export default getTheme;

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

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

package/types/theme/global/{colors.d.ts → colors/types.d.ts}

@@ -1,4 +1,7 @@
-declare const systemPalette: {
+export declare type SystemPalette = {
+    globalPrimary: string;
+    globalPrimaryLight: string;
+    globalPrimaryBackground: string;
     primary: string;
     primaryLight: string;
     primaryDark: string;
@@ -40,5 +43,3 @@ declare const systemPalette: {
     inactiveBackground: string;
     shadow: string;
 };
-declare type SystemPalette = typeof systemPalette;
-export { systemPalette, SystemPalette };

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

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

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

@@ -1,7 +1,12 @@
 import { scale as defaultScale, Scale } from './scale';
-import { systemPalette as defaultSystemPalette, SystemPalette } from './colors';
+import { SystemPalette } from './colors/types';
+import swagSystemPalette from './colors/swag';
+import workSystemPalette from './colors/work';
 declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
     colors: {
+        globalPrimary: string;
+        globalPrimaryLight: string;
+        globalPrimaryBackground: string;
         primary: string;
         primaryLight: string;
         primaryDark: string;
@@ -51,4 +56,4 @@ declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
     radii: import("./borders").Radii;
 };
 declare type GlobalTheme = ReturnType<typeof getGlobalTheme>;
-export { GlobalTheme, Scale, SystemPalette, getGlobalTheme, defaultScale, defaultSystemPalette, };
+export { GlobalTheme, Scale, SystemPalette, getGlobalTheme, defaultScale, swagSystemPalette, workSystemPalette, };

package/types/theme/index.d.ts

@@ -1,84 +1,7 @@
-import { GlobalTheme, Scale, SystemPalette } from './global';
-import getAccordionTheme from './components/accordion';
-import getAlertTheme from './components/alert';
-import getAvatarTheme from './components/avatar';
-import getBadgeTheme from './components/badge';
-import getBottomNavigationTheme from './components/bottomNavigation';
-import getBottomSheetTheme from './components/bottomSheet';
-import getButtonTheme from './components/button';
-import getCalendarTheme from './components/calendar';
-import getCardTheme from './components/card';
-import getCheckboxTheme from './components/checkbox';
-import getContentNavigatorTheme from './components/contentNavigator';
-import getDatePickerTheme from './components/datePicker';
-import getDividerTheme from './components/divider';
-import getDrawerTheme from './components/drawer';
-import getEmptyTheme from './components/empty';
-import getFABTheme from './components/fab';
-import getIconTheme from './components/icon';
-import getListTheme from './components/list';
-import getPinInputTheme from './components/pinInput';
-import getProgressTheme from './components/progress';
-import getRadioTheme from './components/radio';
-import getRichTextEditorTheme from './components/richTextEditor';
-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 getTimePickerTheme from './components/timePicker';
-import getToastTheme from './components/toast';
-import getToolbarTheme from './components/toolbar';
-import getTypographyTheme from './components/typography';
-declare type Theme = GlobalTheme & {
-    __hd__: {
-        accordion: ReturnType<typeof getAccordionTheme>;
-        alert: ReturnType<typeof getAlertTheme>;
-        avatar: ReturnType<typeof getAvatarTheme>;
-        badge: ReturnType<typeof getBadgeTheme>;
-        bottomNavigation: ReturnType<typeof getBottomNavigationTheme>;
-        bottomSheet: ReturnType<typeof getBottomSheetTheme>;
-        button: ReturnType<typeof getButtonTheme>;
-        calendar: ReturnType<typeof getCalendarTheme>;
-        card: ReturnType<typeof getCardTheme>;
-        checkbox: ReturnType<typeof getCheckboxTheme>;
-        contentNavigator: ReturnType<typeof getContentNavigatorTheme>;
-        datePicker: ReturnType<typeof getDatePickerTheme>;
-        divider: ReturnType<typeof getDividerTheme>;
-        drawer: ReturnType<typeof getDrawerTheme>;
-        empty: ReturnType<typeof getEmptyTheme>;
-        fab: ReturnType<typeof getFABTheme>;
-        icon: ReturnType<typeof getIconTheme>;
-        list: ReturnType<typeof getListTheme>;
-        pinInput: ReturnType<typeof getPinInputTheme>;
-        progress: ReturnType<typeof getProgressTheme>;
-        radio: ReturnType<typeof getRadioTheme>;
-        richTextEditor: ReturnType<typeof getRichTextEditorTheme>;
-        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>;
-        timePicker: ReturnType<typeof getTimePickerTheme>;
-        toast: ReturnType<typeof getToastTheme>;
-        toolbar: ReturnType<typeof getToolbarTheme>;
-        typography: ReturnType<typeof getTypographyTheme>;
-    };
-};
-declare const getTheme: (scale?: Scale, systemPallete?: SystemPalette) => Theme;
-declare const theme: Theme;
-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;
+import getTheme, { Theme } from './getTheme';
+import ThemeProvider, { useTheme } from './ThemeProvider';
+import ThemeSwitcher from './ThemeSwitcher';
+import { swagSystemPalette, workSystemPalette } from './global';
+declare const defaultTheme: Theme;
+export { Theme, getTheme, ThemeProvider, ThemeSwitcher, useTheme, swagSystemPalette, workSystemPalette, };
+export default defaultTheme;