@hero-design/rn 8.80.0-alpha.1 → 8.80.1-test.0

package/src/theme/__tests__/__snapshots__/index.spec.ts.snap

@@ -342,7 +342,7 @@ exports[`theme returns correct theme object 1`] = `
         "heading": 32,
       },
       "fonts": {
-        "heading": "RebondGrotesque-SemiBold",
+        "heading": "Saiga-Medium",
       },
       "lineHeights": {
         "heading": 44,
@@ -484,8 +484,8 @@ exports[`theme returns correct theme object 1`] = `
         "title": 24,
       },
       "fonts": {
-        "description": "RebondGrotesque",
-        "title": "RebondGrotesque-SemiBold",
+        "description": "Saiga-Regular",
+        "title": "Saiga-Medium",
       },
       "sizes": {
         "image": 168,
@@ -508,8 +508,8 @@ exports[`theme returns correct theme object 1`] = `
         "title": 24,
       },
       "fonts": {
-        "description": "RebondGrotesque",
-        "title": "RebondGrotesque-SemiBold",
+        "description": "Saiga-Regular",
+        "title": "Saiga-Medium",
       },
       "lineHeight": {
         "description": 26,
@@ -1042,8 +1042,8 @@ exports[`theme returns correct theme object 1`] = `
         "title": 24,
       },
       "fonts": {
-        "description": "RebondGrotesque",
-        "title": "RebondGrotesque-SemiBold",
+        "description": "Saiga-Regular",
+        "title": "Saiga-Medium",
       },
       "sizes": {
         "image": 176,
@@ -1411,8 +1411,8 @@ exports[`theme returns correct theme object 1`] = `
             "semiBold": "BeVietnamPro-SemiBold",
           },
           "playful": {
-            "regular": "RebondGrotesque",
-            "semiBold": "RebondGrotesque-SemiBold",
+            "regular": "Saiga-Regular",
+            "semiBold": "Saiga-Medium",
           },
         },
         "titles": {
@@ -1425,12 +1425,12 @@ exports[`theme returns correct theme object 1`] = `
             "h6": "BeVietnamPro-Regular",
           },
           "playful": {
-            "h1": "RebondGrotesque-SemiBold",
-            "h2": "RebondGrotesque-SemiBold",
-            "h3": "RebondGrotesque-SemiBold",
-            "h4": "RebondGrotesque-SemiBold",
-            "h5": "RebondGrotesque-SemiBold",
-            "h6": "RebondGrotesque",
+            "h1": "Saiga-Medium",
+            "h2": "Saiga-Medium",
+            "h3": "Saiga-Medium",
+            "h4": "Saiga-Medium",
+            "h5": "Saiga-Medium",
+            "h6": "Saiga-Regular",
           },
         },
       },
@@ -1441,9 +1441,9 @@ exports[`theme returns correct theme object 1`] = `
           "semiBold": "BeVietnamPro-SemiBold",
         },
         "playful": {
-          "light": "RebondGrotesque-Light",
-          "regular": "RebondGrotesque",
-          "semiBold": "RebondGrotesque-SemiBold",
+          "light": "Saiga-Light",
+          "regular": "Saiga-Regular",
+          "semiBold": "Saiga-Medium",
         },
       },
       "letterSpacings": {
@@ -1590,9 +1590,9 @@ exports[`theme returns correct theme object 1`] = `
       "semiBold": "BeVietnamPro-SemiBold",
     },
     "playful": {
-      "light": "RebondGrotesque-Light",
-      "regular": "RebondGrotesque",
-      "semiBold": "RebondGrotesque-SemiBold",
+      "light": "Saiga-Light",
+      "regular": "Saiga-Regular",
+      "semiBold": "Saiga-Medium",
     },
   },
   "lineHeights": {

package/src/theme/global/scale.ts

@@ -5,7 +5,7 @@ const BASE_SPACE = 8;
 const BASE_SIZE = 8;
 
 const NEUTRAL_FONT = 'BeVietnamPro';
-const PLAYFUL_FONT = 'RebondGrotesque';
+const PLAYFUL_FONT = 'Saiga';
 
 const BASE_FONT_SIZE = 10;
 

package/src/theme/global/typography.ts

@@ -46,8 +46,8 @@ const getFonts = ({
   },
   playful: {
     light: `${playful}-Light`,
-    regular: `${playful}`,
-    semiBold: `${playful}-SemiBold`,
+    regular: `${playful}-Regular`,
+    semiBold: `${playful}-Medium`,
   },
 });
 

package/stats/8.80.0/rn-stats.html

@@ -4840,3 +4840,5 @@ var drawChart = (function (exports) {
 </body>
 </html>
 
+
+

package/types/components/FloatingIsland/StyledFloatingIsland.d.ts

@@ -1,8 +1,8 @@
-declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native/types").TouchableOpacityProps & {
+declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {
-    ref?: import("react").Ref<import("react-native/types").TouchableOpacity> | undefined;
+    ref?: import("react").Ref<import("react-native").TouchableOpacity> | undefined;
 }>;
 declare const StyledPrefixWrapper: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
     theme?: import("@emotion/react").Theme | undefined;

package/types/components/Search/SearchBasic.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { IconName } from '../Icon';
+interface SearchBasicProps {
+    /**
+     * Name of Icon or ReactElement to render on the left side of the input, before the user's cursor.
+     */
+    prefix?: IconName | React.ReactElement;
+    /**
+     * Name of Icon or ReactElement to render on the right side of the input.
+     */
+    suffix?: IconName | React.ReactElement;
+    /**
+     * Additional wrapper style.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Label of the Input handler.
+     */
+    label: React.ReactNode;
+    /**
+     * Content of the Input handler.
+     */
+    content: React.ReactNode;
+    /**
+     * Testing id of the component.
+     */
+    testID?: string;
+}
+declare const SearchBasic: (props: SearchBasicProps) => React.JSX.Element;
+export default SearchBasic;

package/types/components/Search/SearchCompound.d.ts

@@ -0,0 +1,60 @@
+import React from 'react';
+import type { TextInputProps as NativeTextInputProps, TextInput as RNTextInput, StyleProp, ViewStyle, TextStyle } from 'react-native';
+import { State } from './StyledSearch';
+import { IconName } from '../Icon';
+export declare type SearchCompoundHandles = Pick<RNTextInput, 'focus' | 'clear' | 'blur' | 'isFocused' | 'setNativeProps'>;
+interface SearchCompoundProps extends NativeTextInputProps {
+    /**
+     * Name of Icon or ReactElement to render on the left side of the input, before the user's cursor.
+     */
+    prefix?: IconName | React.ReactElement;
+    /**
+     * Name of Icon or ReactElement to render on the right side of the input.
+     */
+    suffix?: IconName | React.ReactElement;
+    /**
+     * Additional wrapper style.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Input text style.
+     */
+    textStyle?: StyleProp<TextStyle>;
+    /**
+     * Testing id of the component.
+     */
+    testID?: string;
+    /**
+     * Accessibility label for the input (Android).
+     */
+    accessibilityLabelledBy?: string;
+    /**
+     *  Placeholder text to display.
+     * */
+    placeholder?: string;
+    /**
+     * Whether the input is editable.
+     * */
+    editable?: boolean;
+    /**
+     * Whether the input is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The max length of the input.
+     * If the max length is set, the input will display the current length and the max length.
+     * */
+    maxLength?: number;
+    /**
+     * Whether to hide the character count.
+     * */
+    renderInputValue?: (inputProps: NativeTextInputProps) => React.ReactNode;
+}
+export declare const getState: ({ disabled, editable, isEmptyValue, }: {
+    disabled?: boolean | undefined;
+    editable?: boolean | undefined;
+    isFocused?: boolean | undefined;
+    isEmptyValue?: boolean | undefined;
+}) => State;
+declare const SearchCompound: React.ForwardRefExoticComponent<SearchCompoundProps & React.RefAttributes<SearchCompoundHandles>>;
+export default SearchCompound;