@hero-design/rn 8.69.0 → 8.70.0

package/types/components/Card/StyledCard.d.ts

@@ -4,6 +4,7 @@ declare const StyledCard: import("@emotion/native").StyledComponent<import("reac
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     themeIntent?: "neutral" | "primary" | "success" | "warning" | "danger" | "archived" | undefined;
+    themeVariant?: "basic" | "super-round" | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;

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

@@ -17,8 +17,9 @@ export interface CardProps extends ViewProps {
      * Testing id of the component.
      */
     testID?: string;
+    variant?: 'basic' | 'super-round';
 }
-declare const _default: (({ intent, children, ...nativeProps }: CardProps) => JSX.Element) & {
+declare const _default: (({ intent, children, variant, ...nativeProps }: CardProps) => JSX.Element) & {
     Data: ({ intent, children, ...nativeProps }: import("./DataCard").DataCardProps) => JSX.Element;
 };
 export default _default;

package/types/components/Chip/StyledChip.d.ts

@@ -9,22 +9,4 @@ declare const StyledChipWrapper: import("@emotion/native").StyledComponent<impor
 } & StyledChipWrapperProps, {}, {
     ref?: import("react").Ref<TouchableOpacity> | undefined;
 }>;
-declare const StyledIconWrapper: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, {}, {}>;
-declare const StyledLabel: import("@emotion/native").StyledComponent<import("../Typography/Body").BodyProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    themeSelected?: boolean | undefined;
-    themeVariant?: "filled" | "outlined" | undefined;
-}, {}, {}>;
-declare const StyledIcon: import("@emotion/native").StyledComponent<import("../Icon").IconProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    themeSelected?: boolean | undefined;
-    themeVariant?: "filled" | "outlined" | undefined;
-}, {}, {}>;
-export { StyledChipWrapper, StyledIcon, StyledIconWrapper, StyledLabel };
+export { StyledChipWrapper };

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

@@ -15,13 +15,17 @@ export interface ChipProps extends ViewProps {
      */
     selected?: boolean;
     /**
-     * Icon of the chip. Usable only with `variant="filled"`.
+     * Icon of the chip.
      */
     icon?: IconName;
     /**
      * Callback when the chip is pressed.
      */
     onPress?: () => void;
+    /**
+     * Whether to show the selected icon when using outlined variant.
+     */
+    showSelectedIcon?: boolean;
 }
-declare const Chip: ({ label, variant, selected, icon, onPress, ...otherProps }: ChipProps) => React.JSX.Element;
+declare const Chip: ({ label, variant, selected, icon, onPress, showSelectedIcon, ...otherProps }: ChipProps) => React.JSX.Element;
 export default Chip;

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

@@ -15,6 +15,7 @@ declare const getCardTheme: (theme: GlobalTheme) => {
     };
     radii: {
         default: number;
+        superRound: number;
     };
 };
 export default getCardTheme;

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

@@ -1,21 +1,23 @@
 import type { GlobalTheme } from '../global';
 declare const getChipTheme: (theme: GlobalTheme) => {
     colors: {
-        primaryBackground: string;
         secondaryBackground: string;
         filledBackground: string;
-        outlinedBackground: string;
-        wrapperBorder: string;
         wrapperSelectedBorder: string;
-        selectedPrimaryText: string;
+        outlinedDefaultBackground: string;
+        outlinedSelectedBackground: string;
+        outlinedSelectedBorder: string;
+        outlinedDefaultBorder: string;
     };
     space: {
         wrapperHorizontalPadding: number;
         wrapperVerticalPadding: number;
-        iconWrapperMarginRight: number;
+        iconWrapperHorizontalMargin: number;
+        outlinedSelectedMarginTop: number;
     };
     sizes: {
-        wrapperBorder: number;
+        outlinedDefaultBorder: number;
+        outlinedSelectedBorder: number;
     };
     radii: {
         wrapper: number;

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

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