@hero-design/rn 8.84.3 → 8.86.0

package/types/components/Box/config.d.ts

@@ -127,6 +127,10 @@ declare const config: {
         readonly property: "paddingVertical";
         readonly scale: "space";
     };
+    readonly gap: {
+        readonly property: "gap";
+        readonly scale: "space";
+    };
     readonly backgroundColor: {
         readonly property: "backgroundColor";
         readonly scale: "colors";

package/types/components/Button/Button.d.ts

@@ -22,7 +22,7 @@ export interface ButtonProps {
     /**
      * Visual intent color to apply to button. It is required for `filled`, `outlined` and `text` variants.
      */
-    intent?: 'primary' | 'secondary' | 'danger';
+    intent?: 'primary' | 'secondary' | 'danger' | 'white';
     /**
      * Loading state of button.
      */

package/types/components/Button/LoadingIndicator/StyledLoadingIndicator.d.ts

@@ -1,7 +1,7 @@
 import type { Theme } from '@emotion/react';
 import type { ViewProps } from 'react-native';
 import { View } from 'react-native';
-type ThemeVariant = 'basic-transparent' | 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'text-primary' | 'text-secondary' | 'text-danger';
+type ThemeVariant = 'basic-transparent' | 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'filled-white' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'outlined-white' | 'text-primary' | 'text-secondary' | 'text-danger' | 'text-white';
 declare const StyledLoadingIndicatorWrapper: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: Theme;
     as?: React.ElementType;

package/types/components/Button/LoadingIndicator/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { StyleProp, ViewStyle, ViewProps } from 'react-native';
-type ThemeVariant = 'basic-transparent' | 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'text-primary' | 'text-secondary' | 'text-danger';
+type ThemeVariant = 'basic-transparent' | 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'filled-white' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'outlined-white' | 'text-primary' | 'text-secondary' | 'text-danger' | 'text-white';
 interface LoadingIndicatorProps extends ViewProps {
     /**
      * Size of the loading dot.

package/types/components/Button/StyledButton.d.ts

@@ -1,7 +1,7 @@
 import { TouchableHighlight, View } from 'react-native';
 import type { Theme } from '@emotion/react';
-type Intent = 'primary' | 'secondary' | 'danger';
-type ThemeVariant = 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'text-primary' | 'text-secondary' | 'text-danger';
+type Intent = 'primary' | 'secondary' | 'danger' | 'white';
+type ThemeVariant = 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'filled-white' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'outlined-white' | 'text-primary' | 'text-secondary' | 'text-danger' | 'text-white';
 declare const StyledButtonContainer: import("@emotion/native").StyledComponent<import("react-native").TouchableHighlightProps & {
     theme?: Theme;
     as?: React.ElementType;
@@ -33,7 +33,7 @@ declare const StyledButtonTitleOfVariantText: import("@emotion/native").StyledCo
     as?: React.ElementType;
 } & {
     disabled?: boolean;
-    themeButtonVariant: "text-primary" | "text-secondary" | "text-danger";
+    themeButtonVariant: "text-primary" | "text-secondary" | "text-danger" | "text-white";
     themeIsPressed?: boolean;
 }, {}, {}>;
 declare const StyledButtonIconWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {

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

@@ -30,6 +30,7 @@ declare const getButtonTheme: (theme: GlobalTheme) => {
         primary: string;
         secondary: string;
         danger: string;
+        white: string;
         defaultText: string;
         disabledText: string;
         disabledBorder: string;
@@ -41,17 +42,21 @@ declare const getButtonTheme: (theme: GlobalTheme) => {
             filledPrimary: string;
             filledSecondary: string;
             filledDanger: string;
+            filledWhite: string;
             outlinedPrimary: string;
             outlinedSecondary: string;
             outlineDanger: string;
+            outlineWhite: string;
             textPrimary: string;
             textSecondary: string;
             textDanger: string;
+            textWhite: string;
         };
         pressedText: {
             primary: string;
             secondary: string;
             danger: string;
+            white: string;
         };
     };
     space: {