@hero-design/rn 7.18.1 → 7.20.0

package/types/theme/getTheme.d.ts

@@ -1,4 +1,3 @@
-import { GlobalTheme, Scale, SystemPalette } from './global';
 import getAccordionTheme from './components/accordion';
 import getAlertTheme from './components/alert';
 import getAvatarTheme from './components/avatar';
@@ -32,6 +31,7 @@ import getTimePickerTheme from './components/timePicker';
 import getToastTheme from './components/toast';
 import getToolbarTheme from './components/toolbar';
 import getTypographyTheme from './components/typography';
+import type { GlobalTheme, Scale, SystemPalette } from './global';
 declare type Theme = GlobalTheme & {
     __hd__: {
         accordion: ReturnType<typeof getAccordionTheme>;
@@ -70,5 +70,5 @@ declare type Theme = GlobalTheme & {
     };
 };
 declare const getTheme: (scale?: Scale, systemPallete?: SystemPalette) => Theme;
-export { Theme };
 export default getTheme;
+export type { Theme };

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

@@ -11,4 +11,5 @@ interface Radii {
 }
 declare const getBorderWidths: (baseBorderWidth: number) => BorderWidths;
 declare const getRadii: (baseRadius: number) => Radii;
-export { BorderWidths, getBorderWidths, Radii, getRadii };
+export { getBorderWidths, getRadii };
+export type { BorderWidths, Radii };

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

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

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

@@ -42,4 +42,21 @@ export declare type SystemPalette = {
     black: string;
     inactiveBackground: string;
     shadow: string;
+    __alpha__globalPrimary: string;
+    __alpha__globalSecondary1: string;
+    __alpha__globalNeutral3: string;
+    __alpha__globalLabel1: string;
+    __alpha__globalLabel2: string;
+    __alpha__globalLabel3: string;
+    __alpha__globalLabel4: string;
+    __alpha__globalLabel5: string;
+    __alpha__globalLabel6: string;
+    __alpha__globalLabel7: string;
+    __alpha__globalLabel8: string;
+    __alpha__globalLabel9: string;
+    __alpha__primary2: string;
+    __alpha__secondary1: string;
+    __alpha__secondary2: string;
+    __alpha__secondary3: string;
+    __alpha__secondary4: string;
 };

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

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

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

@@ -1,7 +1,8 @@
-import { scale as defaultScale, Scale } from './scale';
-import { SystemPalette } from './colors/types';
+import { scale as defaultScale } from './scale';
 import swagSystemPalette from './colors/swag';
 import workSystemPalette from './colors/work';
+import type { Scale } from './scale';
+import type { SystemPalette } from './colors/types';
 declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
     colors: {
         globalPrimary: string;
@@ -47,6 +48,23 @@ declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
         black: string;
         inactiveBackground: string;
         shadow: string;
+        __alpha__globalPrimary: string;
+        __alpha__globalSecondary1: string;
+        __alpha__globalNeutral3: string;
+        __alpha__globalLabel1: string;
+        __alpha__globalLabel2: string;
+        __alpha__globalLabel3: string;
+        __alpha__globalLabel4: string;
+        __alpha__globalLabel5: string;
+        __alpha__globalLabel6: string;
+        __alpha__globalLabel7: string;
+        __alpha__globalLabel8: string;
+        __alpha__globalLabel9: string;
+        __alpha__primary2: string;
+        __alpha__secondary1: string;
+        __alpha__secondary2: string;
+        __alpha__secondary3: string;
+        __alpha__secondary4: string;
     };
     fonts: import("./typography").Fonts;
     fontSizes: import("./typography").FontSizes;
@@ -56,4 +74,5 @@ declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
     radii: import("./borders").Radii;
 };
 declare type GlobalTheme = ReturnType<typeof getGlobalTheme>;
-export { GlobalTheme, Scale, SystemPalette, getGlobalTheme, defaultScale, swagSystemPalette, workSystemPalette, };
+export type { GlobalTheme, Scale, SystemPalette };
+export { getGlobalTheme, defaultScale, swagSystemPalette, workSystemPalette };

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

@@ -6,4 +6,5 @@ declare const scale: {
     radius: number;
 };
 declare type Scale = typeof scale;
-export { scale, Scale };
+export { scale };
+export type { Scale };

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

@@ -11,4 +11,5 @@ interface Space {
     xxxxlarge: number;
 }
 declare const getSpace: (baseSpace: number) => Space;
-export { Space, getSpace };
+export { getSpace };
+export type { Space };

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

@@ -18,4 +18,5 @@ declare type LineHeights = FontSizes;
 declare const getFonts: (baseFont: string) => Fonts;
 declare const getFontSizes: (baseFontSize: number) => FontSizes;
 declare const getLineHeights: (fontSizes: FontSizes) => LineHeights;
-export { Fonts, FontSizes, LineHeights, getFonts, getFontSizes, getLineHeights, };
+export { getFonts, getFontSizes, getLineHeights };
+export type { Fonts, FontSizes, LineHeights };

package/types/theme/index.d.ts

@@ -1,7 +1,9 @@
-import getTheme, { Theme } from './getTheme';
+import getTheme from './getTheme';
 import ThemeProvider, { useTheme } from './ThemeProvider';
 import ThemeSwitcher from './ThemeSwitcher';
 import { swagSystemPalette, workSystemPalette } from './global';
+import type { Theme } from './getTheme';
 declare const defaultTheme: Theme;
-export { Theme, getTheme, ThemeProvider, ThemeSwitcher, useTheme, swagSystemPalette, workSystemPalette, };
+export type { Theme };
+export { getTheme, ThemeProvider, ThemeSwitcher, useTheme, swagSystemPalette, workSystemPalette, };
 export default defaultTheme;

package/types/types.d.ts

@@ -1,9 +1,10 @@
-import { BottomNavigationTabType } from './components/BottomNavigation';
-import { IconName } from './components/Icon';
-import { SingleSelectProps, MultiSelectProps } from './components/Select';
-import { TabType } from './components/Tabs';
-import { TextInputProps } from './components/TextInput';
-import { RichTextEditorRef, RichTextEditorProps, ToolbarButtonName } from './components/RichTextEditor';
-import { Theme } from './theme';
-import { ListRenderOptionInfo, SectionListRenderOptionInfo } from './components/Select/types';
+import { ToolbarButtonName } from './components/RichTextEditor';
+import type { BottomNavigationTabType } from './components/BottomNavigation';
+import type { IconName } from './components/Icon';
+import type { SingleSelectProps, MultiSelectProps } from './components/Select';
+import type { TabType } from './components/Tabs';
+import type { TextInputProps } from './components/TextInput';
+import type { RichTextEditorRef, RichTextEditorProps } from './components/RichTextEditor';
+import type { Theme } from './theme';
+import type { ListRenderOptionInfo, SectionListRenderOptionInfo } from './components/Select/types';
 export type { BottomNavigationTabType, IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, RichTextEditorProps, RichTextEditorRef, TabType, TextInputProps, Theme, ToolbarButtonName, };

package/types/utils/hooks.d.ts

@@ -1 +1 @@
-export declare const usePrevious: <T>(value: T) => T | undefined;
+export declare const usePrevious: <T>(value: T) => T;

package/src/components/Radio/__tests__/StyledRadio.spec.tsx

@@ -1,43 +0,0 @@
-import React from 'react';
-import renderWithTheme from '../../../testHelpers/renderWithTheme';
-import { Wrapper, Circle, InnerCircle, Spacer } from '../StyledRadio';
-
-describe('Wrapper', () => {
-  it.each`
-    themeChecked
-    ${true}
-    ${false}
-  `('has checked style: $themeChecked', ({ themeChecked }) => {
-    const { toJSON } = renderWithTheme(<Wrapper themeChecked={themeChecked} />);
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-});
-
-describe('Circle', () => {
-  it.each`
-    themeChecked
-    ${true}
-    ${false}
-  `('has checked style: $themeChecked', ({ themeChecked }) => {
-    const { toJSON } = renderWithTheme(<Circle themeChecked={themeChecked} />);
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-});
-
-describe('InnerCircle', () => {
-  it('has correct style', () => {
-    const { toJSON } = renderWithTheme(<InnerCircle />);
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-});
-
-describe('Spacer', () => {
-  it('has correct style', () => {
-    const { toJSON } = renderWithTheme(<Spacer />);
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-});

package/src/components/Radio/__tests__/__snapshots__/StyledRadio.spec.tsx.snap

@@ -1,124 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Circle has checked style: false 1`] = `
-<View
-  style={
-    Array [
-      Object {
-        "alignItems": "center",
-        "borderColor": "#000000",
-        "borderRadius": 999,
-        "borderWidth": 2,
-        "height": 20,
-        "justifyContent": "center",
-        "width": 20,
-      },
-      undefined,
-    ]
-  }
-  themeChecked={false}
-/>
-`;
-
-exports[`Circle has checked style: true 1`] = `
-<View
-  style={
-    Array [
-      Object {
-        "alignItems": "center",
-        "borderColor": "#8505a2",
-        "borderRadius": 999,
-        "borderWidth": 2,
-        "height": 20,
-        "justifyContent": "center",
-        "width": 20,
-      },
-      undefined,
-    ]
-  }
-  themeChecked={true}
-/>
-`;
-
-exports[`InnerCircle has correct style 1`] = `
-<View
-  style={
-    Array [
-      Object {
-        "backgroundColor": "#8505a2",
-        "borderRadius": 999,
-        "height": 10,
-        "width": 10,
-      },
-      undefined,
-    ]
-  }
-/>
-`;
-
-exports[`Spacer has correct style 1`] = `
-<View
-  style={
-    Array [
-      Object {
-        "marginTop": 4,
-      },
-      undefined,
-    ]
-  }
-/>
-`;
-
-exports[`Wrapper has checked style: false 1`] = `
-<View
-  accessible={true}
-  collapsable={false}
-  focusable={false}
-  nativeID="animatedComponent"
-  onClick={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    Object {
-      "alignItems": "center",
-      "backgroundColor": "#ffffff",
-      "borderRadius": 4,
-      "flexDirection": "row",
-      "justifyContent": "space-between",
-      "opacity": 1,
-      "padding": 16,
-    }
-  }
-/>
-`;
-
-exports[`Wrapper has checked style: true 1`] = `
-<View
-  accessible={true}
-  collapsable={false}
-  focusable={false}
-  nativeID="animatedComponent"
-  onClick={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    Object {
-      "alignItems": "center",
-      "backgroundColor": "#f3e6f6",
-      "borderRadius": 4,
-      "flexDirection": "row",
-      "justifyContent": "space-between",
-      "opacity": 1,
-      "padding": 16,
-    }
-  }
-/>
-`;

package/src/components/Switch/__tests__/StyledHeading.spec.tsx

@@ -1,42 +0,0 @@
-import React from 'react';
-import renderWithTheme from '../../../testHelpers/renderWithTheme';
-import {
-  StyledWrapper,
-  StyledDisabledWrapper,
-  StyledThumbWrapper,
-  StyledKnot,
-} from '../StyledSwitch';
-
-describe('StyledWrapper', () => {
-  it('renders correct style', () => {
-    const { toJSON } = renderWithTheme(
-      <StyledWrapper themeChecked themeSize="medium" />
-    );
-    expect(toJSON()).toMatchSnapshot();
-  });
-});
-
-describe('StyledDisabledWrapper', () => {
-  it('renders correct style', () => {
-    const { toJSON } = renderWithTheme(
-      <StyledDisabledWrapper themeSize="medium" />
-    );
-    expect(toJSON()).toMatchSnapshot();
-  });
-});
-
-describe('StyledThumbWrapper', () => {
-  it('renders correct style', () => {
-    const { toJSON } = renderWithTheme(
-      <StyledThumbWrapper themeSize="medium" />
-    );
-    expect(toJSON()).toMatchSnapshot();
-  });
-});
-
-describe('StyledKnot', () => {
-  it('renders correct style', () => {
-    const { toJSON } = renderWithTheme(<StyledKnot themeSize="medium" />);
-    expect(toJSON()).toMatchSnapshot();
-  });
-});