@hero-design/rn 7.22.1 → 7.22.3

package/types/components/Icon/HeroIcon/index.d.ts

@@ -1,5 +1,5 @@
 declare type ThemeSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-declare type ThemeIntent = 'text' | 'primary' | 'info' | 'danger' | 'success' | 'warning' | 'disabled-text' | 'text-inverted';
+declare type ThemeIntent = 'text' | 'primary' | 'secondary' | 'info' | 'danger' | 'success' | 'warning' | 'disabled-text' | 'text-inverted';
 declare const StyledHeroIcon: import("@emotion/native").StyledComponent<import("react-native-vector-icons/Icon").IconProps & {
     theme?: import("@emotion/react").Theme;
     as?: import("react").ElementType<any>;

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

@@ -9,7 +9,7 @@ export interface IconProps {
     /**
      * Intent of the Icon.
      */
-    intent?: 'text' | 'primary' | 'info' | 'danger' | 'success' | 'warning' | 'disabled-text' | 'text-inverted';
+    intent?: 'text' | 'primary' | 'secondary' | 'info' | 'danger' | 'success' | 'warning' | 'disabled-text' | 'text-inverted';
     /**
      * Size of the Icon.
      */

package/types/components/TextInput/StyledTextInput.d.ts

@@ -3,6 +3,8 @@ export declare type Variant = 'default' | 'filled' | 'focused' | 'disabled' | 'r
 declare const StyledContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme;
     as?: import("react").ElementType<any>;
+} & {
+    themeVariant: Variant;
 }, {}, {
     ref?: import("react").Ref<View>;
 }>;
@@ -68,14 +70,6 @@ declare const StyledTextInput: import("@emotion/native").StyledComponent<import(
 }, {}, {
     ref?: import("react").Ref<TextInput>;
 }>;
-declare const StyledBorderBackDrop: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType<any>;
-} & {
-    themeVariant: Variant;
-}, {}, {
-    ref?: import("react").Ref<View>;
-}>;
 declare const StyledTextInputContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme;
     as?: import("react").ElementType<any>;
@@ -100,4 +94,4 @@ declare const StyledErrorAndMaxLengthContainer: import("@emotion/native").Styled
 }, {}, {
     ref?: import("react").Ref<View>;
 }>;
-export { StyledTextInputContainer, StyledLabel, StyledLabelContainer, StyledAsteriskLabel, StyledAsteriskLabelInsideTextInput, StyledTextInput, StyledError, StyledMaxLengthMessage, StyledLabelInsideTextInput, StyledContainer, StyledErrorContainer, StyledHelperText, StyledTextInputAndLabelContainer, StyledLabelContainerInsideTextInput, StyledErrorAndHelpTextContainer, StyledBorderBackDrop, StyledErrorAndMaxLengthContainer, };
+export { StyledTextInputContainer, StyledLabel, StyledLabelContainer, StyledAsteriskLabel, StyledAsteriskLabelInsideTextInput, StyledTextInput, StyledError, StyledMaxLengthMessage, StyledLabelInsideTextInput, StyledContainer, StyledErrorContainer, StyledHelperText, StyledTextInputAndLabelContainer, StyledLabelContainerInsideTextInput, StyledErrorAndHelpTextContainer, StyledErrorAndMaxLengthContainer, };

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

@@ -1,7 +1,7 @@
-import React from "react";
-import type { TextInputProps as NativeTextInputProps, StyleProp, ViewStyle, TextStyle } from "react-native";
-import type { Variant } from "./StyledTextInput";
-import type { IconName } from "../Icon";
+import React from 'react';
+import type { TextInputProps as NativeTextInputProps, StyleProp, ViewStyle, TextStyle } from 'react-native';
+import type { Variant } from './StyledTextInput';
+import type { IconName } from '../Icon';
 export interface TextInputProps extends NativeTextInputProps {
     /**
      * Field label.

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

@@ -0,0 +1 @@
+export {};

package/types/components/Toolbar/ToolbarItem.d.ts

@@ -3,7 +3,7 @@ export interface ToolbarItemProps {
     /**
      * Visual intent of the toolbar item.
      */
-    intent?: 'primary' | 'info' | 'success' | 'danger' | 'warning';
+    intent?: 'primary' | 'secondary' | 'info' | 'success' | 'danger' | 'warning';
     /**
      * Icon of the toolbar item.
      */

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

@@ -5,7 +5,7 @@ declare const StyledText: import("@emotion/native").StyledComponent<import("reac
 } & {
     themeFontSize: 'small' | 'medium' | 'large' | 'xlarge' | 'xxxlarge' | 'xxxxxlarge';
     themeFontWeight: 'light' | 'regular' | 'semi-bold';
-    themeIntent: 'body' | 'subdued' | 'primary' | 'success' | 'info' | 'warning' | 'danger' | 'inverted';
+    themeIntent: 'body' | 'subdued' | 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'inverted';
 }, {}, {
     ref?: import("react").Ref<Text>;
 }>;

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

@@ -16,7 +16,7 @@ export interface TextProps extends NativeTextProps {
     /**
      * Visual intent color to apply to the text.
      */
-    intent?: 'body' | 'subdued' | 'primary' | 'success' | 'info' | 'warning' | 'danger' | 'inverted';
+    intent?: 'body' | 'subdued' | 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'inverted';
     /**
      * Additional style.
      */

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

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

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

@@ -3,6 +3,7 @@ declare const getIconTheme: (theme: GlobalTheme) => {
     colors: {
         text: string;
         primary: string;
+        secondary: string;
         info: string;
         danger: string;
         success: string;

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

@@ -20,6 +20,7 @@ declare const getListTheme: (theme: GlobalTheme) => {
     };
     radii: {
         card: number;
+        basicItem: number;
         cardShadow: number;
         leadingStatus: number;
     };

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

@@ -1,10 +1,7 @@
 import type { GlobalTheme } from '../global';
 declare const getSpinnerTheme: (theme: GlobalTheme) => {
     colors: {
-        dot1: string;
-        dot2: string;
-        dot3: string;
-        dot4: string;
+        dot: string;
     };
     space: {
         spinnerDot: {

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

@@ -4,6 +4,7 @@ declare const getToolbarTheme: (theme: GlobalTheme) => {
         background: string;
         border: string;
         primary: string;
+        secondary: string;
         info: string;
         success: string;
         danger: string;

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

@@ -4,6 +4,7 @@ declare const getTypographyTheme: (theme: GlobalTheme) => {
         body: string;
         subdued: string;
         primary: string;
+        secondary: string;
         info: string;
         danger: string;
         warning: string;

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

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

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

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

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

@@ -1,4 +1,43 @@
-export declare type SystemPalette = {
+export declare type GlobalSystemPalette = {
+    globalPrimary: string;
+    mutedGlobalPrimary: string;
+    onGlobalPrimary: string;
+    globalSecondary: string;
+    globalPrimaryOutline: string;
+    globalSecondaryOutline: string;
+    defaultGlobalSurface: string;
+    onDefaultGlobalSurface: string;
+    neutralGlobalSurface: string;
+    disabledOnDefaultGlobalSurface: string;
+    error: string;
+    errorSurface: string;
+    onErrorSurface: string;
+    warning: string;
+    warningSurface: string;
+    onWarningSurface: string;
+    success: string;
+    successSurface: string;
+    onSuccessSurface: string;
+    info: string;
+    infoSurface: string;
+    onInfoSurface: string;
+    archived: string;
+    archivedSurface: string;
+    onArchivedSurface: string;
+};
+export declare type BrandSystemPalette = {
+    primary: string;
+    mutedPrimary: string;
+    onPrimary: string;
+    secondary: string;
+    highlightedSecondarySurface: string;
+    onSecondary: string;
+    mutedSecondary: string;
+    disabledSecondary: string;
+    highlightedSurface: string;
+    lightHighlightedSurface: string;
+};
+export declare type LegacySystemPalette = {
     globalPrimary: string;
     globalPrimaryLight: string;
     globalPrimaryBackground: string;
@@ -42,23 +81,5 @@ export declare type SystemPalette = {
     black: string;
     inactiveBackground: string;
     shadow: string;
-    __alpha__globalPrimary: string;
-    __alpha__globalSecondary1: string;
-    __alpha__globalSecondary4: 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__primary1: string;
-    __alpha__primary2: string;
-    __alpha__secondary1: string;
-    __alpha__secondary2: string;
-    __alpha__secondary3: string;
-    __alpha__secondary4: string;
 };
+export declare type SystemPalette = LegacySystemPalette & GlobalSystemPalette & BrandSystemPalette;

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

@@ -48,25 +48,34 @@ declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
         black: string;
         inactiveBackground: string;
         shadow: string;
-        __alpha__globalPrimary: string;
-        __alpha__globalSecondary1: string;
-        __alpha__globalSecondary4: 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__primary1: string;
-        __alpha__primary2: string;
-        __alpha__secondary1: string;
-        __alpha__secondary2: string;
-        __alpha__secondary3: string;
-        __alpha__secondary4: string;
+        mutedGlobalPrimary: string;
+        onGlobalPrimary: string;
+        globalSecondary: string;
+        globalPrimaryOutline: string;
+        globalSecondaryOutline: string;
+        defaultGlobalSurface: string;
+        onDefaultGlobalSurface: string;
+        neutralGlobalSurface: string;
+        disabledOnDefaultGlobalSurface: string;
+        error: string;
+        errorSurface: string;
+        onErrorSurface: string;
+        warningSurface: string;
+        onWarningSurface: string;
+        successSurface: string;
+        onSuccessSurface: string;
+        infoSurface: string;
+        onInfoSurface: string;
+        archivedSurface: string;
+        onArchivedSurface: string;
+        mutedPrimary: string;
+        onPrimary: string;
+        highlightedSecondarySurface: string;
+        onSecondary: string;
+        mutedSecondary: string;
+        disabledSecondary: string;
+        highlightedSurface: string;
+        lightHighlightedSurface: string;
     };
     fonts: import("./typography").Fonts;
     fontSizes: import("./typography").FontSizes;