@hero-design/rn 7.28.0 → 7.29.0

package/types/components/Select/SingleSelect/Option.d.ts

@@ -1,8 +1,9 @@
 import type { ReactElement } from 'react';
-declare const Option: ({ text, disabled, selected, onPress, }: {
+declare const Option: ({ text, disabled, selected, onPress, highlighted, }: {
     text: string | ReactElement;
     disabled?: boolean | undefined;
     selected: boolean;
     onPress: () => void;
+    highlighted?: boolean | undefined;
 }) => JSX.Element;
 export default Option;

package/types/components/Select/SingleSelect/StyledSingleSelect.d.ts

@@ -0,0 +1 @@
+export declare const StyledOptionList: <V, T extends import("../types").OptionType<V>>({ keyExtractor, loading, onEndReached, onQueryChange, sections, renderItem, sectionListRef, }: import("../BaseOptionList").BaseOptionListProps<V, T>) => JSX.Element;

package/types/components/Select/StyledSelect.d.ts

@@ -1,4 +1,4 @@
-import { View } from 'react-native';
+import { SectionList, View } from 'react-native';
 declare const SectionSpacer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
@@ -11,14 +11,11 @@ declare const OptionSpacer: import("@emotion/native").StyledComponent<import("re
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const FooterText: import("@emotion/native").StyledComponent<import("../Typography/Text").TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, {}, {}>;
 declare const StyledSearchBar: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-export { SectionSpacer, OptionSpacer, FooterText, StyledSearchBar };
+declare const StyledSectionList: typeof SectionList;
+export { SectionSpacer, OptionSpacer, StyledSearchBar, StyledSectionList };

package/types/components/Select/types.d.ts

@@ -6,6 +6,7 @@ export declare type OptionType<V> = {
     text: string;
     key?: string;
     disabled?: boolean;
+    highlighted?: boolean;
 };
 export declare type SectionType = {
     category: string;

package/types/components/Toast/ToastProvider.d.ts

@@ -6,5 +6,5 @@ declare type ToastProviderProps = {
      */
     children?: ReactNode;
 } & ToastContainerProps;
-declare const ToastProvider: ({ children, displayType, position, }: ToastProviderProps) => JSX.Element;
+declare const ToastProvider: ({ children, displayType, position: _position, }: ToastProviderProps) => JSX.Element;
 export default ToastProvider;

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

@@ -1,5 +1,5 @@
 declare const Toast: {
-    Provider: ({ children, displayType, position, }: {
+    Provider: ({ children, displayType, position: _position, }: {
         children?: import("react").ReactNode;
     } & import("./types").ToastContainerProps) => JSX.Element;
     Container: import("react").ForwardRefExoticComponent<import("./types").ToastContainerProps & import("react").RefAttributes<import("./ToastContext").ToastControllerContextType>>;

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

@@ -3,7 +3,7 @@ declare const StyledText: import("@emotion/native").StyledComponent<import("reac
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
-    themeFontSize: 'small' | 'medium' | 'large' | 'xlarge' | 'xxxlarge' | 'xxxxxlarge';
+    themeFontSize: 'small' | 'medium' | 'large' | 'xlarge' | 'xxxlarge' | 'xxxxxlarge' | '7xlarge';
     themeFontWeight: 'light' | 'regular' | 'semi-bold';
     themeIntent: 'body' | 'subdued' | 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'inverted';
     themeTypeface: 'neutral' | 'playful';

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

@@ -8,7 +8,7 @@ export interface TextProps extends NativeTextProps {
     /**
      * Size of the text.
      */
-    fontSize?: 'small' | 'medium' | 'large' | 'xlarge' | 'xxxlarge' | 'xxxxxlarge';
+    fontSize?: 'small' | 'medium' | 'large' | 'xlarge' | 'xxxlarge' | 'xxxxxlarge' | '7xlarge';
     /**
      * Font weight of the text.
      */

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

@@ -18,7 +18,6 @@ declare const getBottomSheetTheme: (theme: GlobalTheme) => {
         default: number;
     };
     sizes: {
-        sectionHeight: number;
         closeIcon: number;
     };
     space: {

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

@@ -8,6 +8,7 @@ declare const getEmptyTheme: (theme: GlobalTheme) => {
         text: string;
         invertedText: string;
         subduedText: string;
+        invertedSubduedText: string;
     };
     sizes: {
         image: number;

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

@@ -4,13 +4,12 @@ declare const getSelectTheme: (theme: GlobalTheme) => {
         minimumOptionListHeight: number;
         sectionSpacing: number;
         optionSpacing: number;
-        optionHorizontalMargin: number;
+        optionListHorizontalPadding: number;
         searchBarMarginTopSpacing: number;
         searchBarHorizontalSpacing: number;
         searchBarBottomSpacing: number;
-    };
-    colors: {
-        footerText: string;
+        singleSelectContentPaddingBottom: number;
+        suffixMarginRight: number;
     };
     radii: {
         option: number;

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

@@ -19,6 +19,7 @@ declare const getTypographyTheme: (theme: GlobalTheme) => {
         xlarge: number;
         xxxlarge: number;
         xxxxxlarge: number;
+        '7xlarge': number;
     };
     lineHeights: {
         small: number;
@@ -27,6 +28,7 @@ declare const getTypographyTheme: (theme: GlobalTheme) => {
         xlarge: number;
         xxxlarge: number;
         xxxxxlarge: number;
+        '7xlarge': number;
     };
 };
 export default getTypographyTheme;

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

@@ -7,6 +7,7 @@ export declare type GlobalSystemPalette = {
     disabledOnDefaultGlobalSurface: string;
     darkGlobalSurface: string;
     onDarkGlobalSurface: string;
+    overlayGlobalSurface: string;
     primaryOutline: string;
     secondaryOutline: string;
     inactiveOutline: string;

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

@@ -63,6 +63,7 @@ declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
         disabledOnDefaultGlobalSurface: string;
         darkGlobalSurface: string;
         onDarkGlobalSurface: string;
+        overlayGlobalSurface: string;
         primaryOutline: string;
         secondaryOutline: string;
         inactiveOutline: string;

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

@@ -8,6 +8,7 @@ interface Fonts {
     playful: FontWeights;
 }
 interface FontSizes {
+    '7xlarge': number;
     xxxxxlarge: number;
     xxxxlarge: number;
     xxxlarge: number;

package/src/components/Select/__tests__/StyledSelect.spec.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-import renderWithTheme from '../../../testHelpers/renderWithTheme';
-import { FooterText } from '../StyledSelect';
-
-describe('FooterText', () => {
-  it('has correct style', () => {
-    const { toJSON, getByText } = renderWithTheme(
-      <FooterText>Confirm</FooterText>
-    );
-
-    expect(getByText('Confirm')).toBeDefined();
-    expect(toJSON()).toMatchSnapshot();
-  });
-});

package/src/components/Select/__tests__/__snapshots__/StyledSelect.spec.tsx.snap

@@ -1,29 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`FooterText has correct style 1`] = `
-<Text
-  style={
-    Array [
-      Object {
-        "color": "#001f23",
-        "fontFamily": "BeVietnamPro-Regular",
-        "fontSize": 14,
-        "letterSpacing": 0.42,
-        "lineHeight": 22,
-      },
-      Array [
-        Object {
-          "color": "#795e90",
-        },
-        undefined,
-      ],
-    ]
-  }
-  themeFontSize="medium"
-  themeFontWeight="regular"
-  themeIntent="body"
-  themeTypeface="neutral"
->
-  Confirm
-</Text>
-`;