@hero-design/rn 8.128.0 → 8.128.1

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @hero-design/rn
 
+## 8.128.1
+
+### Patch Changes
+
+- [#5088](https://github.com/Thinkei/hero-design/pull/5088) [`8a8a649b3d2ad1fa030be516afb94841ac4d7fa9`](https://github.com/Thinkei/hero-design/commit/8a8a649b3d2ad1fa030be516afb94841ac4d7fa9) Thanks [@ttkien](https://github.com/ttkien)! - [Error][success] fix: remove erroneous padding from StatusScreen buttons
+
+- [#5085](https://github.com/Thinkei/hero-design/pull/5085) [`850eafeaec709444144e6cbe3cc15d53653c2088`](https://github.com/Thinkei/hero-design/commit/850eafeaec709444144e6cbe3cc15d53653c2088) Thanks [@vinhphan-eh](https://github.com/vinhphan-eh)! - [FAB] Redesign FAB and FABPair visual tokens
+
+  - FAB size reduced from 64px (`xxxxxlarge`) to 48px (`xxxlarge`)
+  - FAB/FABPair button background changed from black (`overlayGlobalSurface`) to the `primary` color token
+  - Action.Item background changed from black to white (`defaultGlobalSurface`); text/icon color changed from `onDarkGlobalSurface` to `onDefaultGlobalSurface`
+  - FABPair label changed from 16px semiBold to 14px regular
+
+- [#5080](https://github.com/Thinkei/hero-design/pull/5080) [`16e0cb317529452f5a10523c10b60f66fcba6ee4`](https://github.com/Thinkei/hero-design/commit/16e0cb317529452f5a10523c10b60f66fcba6ee4) Thanks [@ttkien](https://github.com/ttkien)! - [Theme] Update primary token to #7622d7 in EH Work & Jobs
+
 ## 8.128.0
 
 ### Minor Changes

package/CLAUDE.md

@@ -28,7 +28,7 @@ React Native component library for Hero Design. Built with TypeScript and emotio
 ## Commands
 
 ```bash
-yarn turbo run test --filter=@hero-design/rn -- -- ComponentName [--watch|--updateSnapshot]
+yarn turbo run test --filter=@hero-design/rn -- ComponentName [--watch|--updateSnapshot]
 yarn workspace @hero-design/rn lint
 yarn workspace @hero-design/rn type-check
 yarn build:watch:rn

package/es/index.js

@@ -4978,7 +4978,7 @@ var swagLightGlobalPalette = _objectSpread2(_objectSpread2({}, globalPalette$1),
 });
 
 var ehWorkBrandSystemPalette = {
-  primary: '#460078',
+  primary: '#7622d7',
   onPrimary: '#fdfbff',
   secondary: '#b382fd',
   onSecondary: palette$4.white,
@@ -5007,6 +5007,7 @@ var swagSystemPalette = _objectSpread2(_objectSpread2({}, ehWorkSystemPalette),
 
 var ehJobsSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette), {}, {
   name: 'ehJobs',
+  primary: '#7622d7',
   secondary: '#40d1ff',
   onSecondary: '#460078',
   secondaryHighlightedSurface: '#ecfaff',
@@ -6373,19 +6374,19 @@ var getErrorTheme = function getErrorTheme(theme) {
 
 var getFABTheme = function getFABTheme(theme) {
   var colors = {
-    buttonBackground: theme.colors.overlayGlobalSurface,
-    buttonPressedBackground: theme.colors.overlayGlobalSurface,
-    buttonActiveBackground: theme.colors.overlayGlobalSurface,
+    buttonBackground: theme.colors.primary,
+    buttonPressedBackground: theme.colors.primary,
+    buttonActiveBackground: theme.colors.primary,
     icon: theme.colors.onDarkGlobalSurface,
-    actionItemBackground: theme.colors.overlayGlobalSurface,
-    actionItemPressedBackground: theme.colors.overlayGlobalSurface,
+    actionItemBackground: theme.colors.defaultGlobalSurface,
+    actionItemPressedBackground: theme.colors.defaultGlobalSurface,
     backdropBackground: theme.colors.black,
     titleText: theme.colors.onDarkGlobalSurface,
-    actionItemText: theme.colors.onDarkGlobalSurface
+    actionItemText: theme.colors.onDefaultGlobalSurface
   };
   var sizes = {
-    width: theme.sizes.xxxxxlarge,
-    height: theme.sizes.xxxxxlarge,
+    width: theme.sizes.xxxlarge,
+    height: theme.sizes.xxxlarge,
     iconContainerWidth: theme.sizes.large,
     iconContainerHeight: theme.sizes.large,
     fabPairHeight: theme.sizes.xxxlarge,
@@ -6393,11 +6394,11 @@ var getFABTheme = function getFABTheme(theme) {
   };
   var fonts = {
     actionItemText: theme.fonts.neutral.regular,
-    title: theme.fonts.neutral.semiBold
+    title: theme.fonts.neutral.regular
   };
   var fontSizes = {
     actionItemText: theme.fontSizes.large,
-    title: theme.fontSizes.large
+    title: theme.fontSizes.medium
   };
   var lineHeights = {
     actionItemText: theme.lineHeights.medium,
@@ -6414,7 +6415,7 @@ var getFABTheme = function getFABTheme(theme) {
     actionItemTextPaddingLeft: theme.space.xsmall,
     buttonMarginTop: theme.space.large,
     buttonMarginRight: theme.space.large,
-    containerPadding: theme.space.large - theme.space.xsmall,
+    containerPadding: theme.space.smallMedium,
     titleMarginHorizontal: theme.space.small,
     fabPairMarginRight: theme.space.small
   };
@@ -23774,21 +23775,14 @@ var StyledErrorButtonContainer = index$c(View)(function (_ref3) {
     paddingVertical: theme.__hd__.error.space.button.wrapperVerticalPadding
   };
 });
-var StyledErrorButtonPrimary = index$c(CompoundButton)(function (_ref4) {
+var StyledErrorButtonSecondary = index$c(CompoundButton)(function (_ref4) {
   var theme = _ref4.theme;
   return {
-    padding: theme.__hd__.error.space.button.padding
+    marginTop: theme.__hd__.error.space.button.margin
   };
 });
-var StyledErrorButtonSecondary = index$c(CompoundButton)(function (_ref5) {
+var StyledErrorImageContainer = index$c(View)(function (_ref5) {
   var theme = _ref5.theme;
-  return {
-    marginTop: theme.__hd__.error.space.button.margin,
-    padding: theme.__hd__.error.space.button.padding
-  };
-});
-var StyledErrorImageContainer = index$c(View)(function (_ref6) {
-  var theme = _ref6.theme;
   return {
     marginBottom: theme.__hd__.error.space.imageMarginBottom,
     width: theme.__hd__.error.sizes.image,
@@ -23796,8 +23790,8 @@ var StyledErrorImageContainer = index$c(View)(function (_ref6) {
     alignItems: 'center'
   };
 });
-var StyledErrorIconContainer = index$c(View)(function (_ref7) {
-  var theme = _ref7.theme;
+var StyledErrorIconContainer = index$c(View)(function (_ref6) {
+  var theme = _ref6.theme;
   return {
     marginBottom: theme.__hd__.error.space.imageMarginBottom,
     width: theme.__hd__.error.sizes.icon,
@@ -23805,8 +23799,8 @@ var StyledErrorIconContainer = index$c(View)(function (_ref7) {
     alignItems: 'center'
   };
 });
-var StyledErrorImage = index$c(Image)(function (_ref8) {
-  var theme = _ref8.theme;
+var StyledErrorImage = index$c(Image)(function (_ref7) {
+  var theme = _ref7.theme;
   return {
     marginBottom: theme.__hd__.error.space.imageMarginBottom,
     width: theme.__hd__.error.sizes.image,
@@ -23814,16 +23808,16 @@ var StyledErrorImage = index$c(Image)(function (_ref8) {
     resizeMode: 'contain'
   };
 });
-var StyledErrorTitle = index$c(Typography.Title)(function (_ref9) {
-  var theme = _ref9.theme;
+var StyledErrorTitle = index$c(Typography.Title)(function (_ref8) {
+  var theme = _ref8.theme;
   return {
     textAlign: 'center',
     marginBottom: theme.__hd__.error.space.titleMarginBottom,
     color: theme.__hd__.error.colors.title
   };
 });
-var StyledErrorDescription = index$c(Typography.Body)(function (_ref10) {
-  var theme = _ref10.theme;
+var StyledErrorDescription = index$c(Typography.Body)(function (_ref9) {
+  var theme = _ref9.theme;
   return {
     textAlign: 'center',
     color: theme.__hd__.error.colors.description
@@ -23886,7 +23880,7 @@ var ErrorPage = function ErrorPage(_ref2) {
     typeface: "playful"
   }, title), description && /*#__PURE__*/React__default.createElement(StyledErrorDescription, {
     typeface: "playful"
-  }, description)), showButtonContainer && /*#__PURE__*/React__default.createElement(StyledErrorButtonContainer, null, showCta && /*#__PURE__*/React__default.createElement(StyledErrorButtonPrimary, {
+  }, description)), showButtonContainer && /*#__PURE__*/React__default.createElement(StyledErrorButtonContainer, null, showCta && /*#__PURE__*/React__default.createElement(CompoundButton, {
     variant: "filled",
     text: ctaText,
     onPress: onCtaPress
@@ -24017,8 +24011,9 @@ var StyledIcon$3 = index$c(Icon)(function (_ref3) {
 var AnimatedTouchableHighlight = Animated.createAnimatedComponent(TouchableOpacity);
 var StyledFAB$2 = index$c(AnimatedTouchableHighlight)(function (_ref) {
   var theme = _ref.theme,
-    themeActive = _ref.themeActive;
-  return _objectSpread2({
+    themeActive = _ref.themeActive,
+    themeIconOnly = _ref.themeIconOnly;
+  return _objectSpread2(_objectSpread2({
     backgroundColor: themeActive ? theme.__hd__.fab.colors.buttonActiveBackground : theme.__hd__.fab.colors.buttonBackground,
     borderRadius: theme.radii.rounded,
     alignItems: 'center',
@@ -24027,7 +24022,9 @@ var StyledFAB$2 = index$c(AnimatedTouchableHighlight)(function (_ref) {
     padding: theme.__hd__.fab.space.containerPadding,
     flexDirection: 'row',
     height: theme.__hd__.fab.sizes.height
-  }, theme.__hd__.fab.shadows["default"]);
+  }, themeIconOnly && {
+    width: theme.__hd__.fab.sizes.width
+  }), theme.__hd__.fab.shadows["default"]);
 });
 var StyledFABIcon = index$c(Icon)(function (_ref2) {
   var theme = _ref2.theme;
@@ -24155,12 +24152,15 @@ var IconOnlyContent = function IconOnlyContent(_ref) {
 };
 var IconWithTextContent = function IconWithTextContent(_ref2) {
   var icon = _ref2.icon,
-    title = _ref2.title;
+    title = _ref2.title,
+    titleStyle = _ref2.titleStyle;
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(StyledIconContainer$1, null, /*#__PURE__*/React__default.createElement(StyledFABIcon, {
     size: "xsmall",
     icon: icon,
     testID: "styled-fab-icon"
-  })), /*#__PURE__*/React__default.createElement(StyledFABText, null, title));
+  })), /*#__PURE__*/React__default.createElement(StyledFABText, {
+    style: titleStyle
+  }, title));
 };
 var animateWidth = function animateWidth() {
   LayoutAnimation.configureNext({
@@ -24171,7 +24171,9 @@ var animateWidth = function animateWidth() {
     }
   });
 };
-var FAB$1 = /*#__PURE__*/forwardRef(function (_ref3, ref) {
+// Full implementation — accepts InternalFABProps including titleStyle.
+// Exported as FABInternal for use by sibling HD components (e.g. FAB.Pair).
+var FABWithTitleStyle = /*#__PURE__*/forwardRef(function (_ref3, ref) {
   var _StyleSheet$flatten, _StyleSheet$flatten2;
   var onPress = _ref3.onPress,
     title = _ref3.title,
@@ -24179,7 +24181,8 @@ var FAB$1 = /*#__PURE__*/forwardRef(function (_ref3, ref) {
     iconAnimated = _ref3.animated,
     testID = _ref3.testID,
     active = _ref3.active,
-    style = _ref3.style;
+    style = _ref3.style,
+    titleStyle = _ref3.titleStyle;
   var theme = useTheme();
   var _React$useState = React__default.useState({
       hideTitle: false,
@@ -24284,6 +24287,7 @@ var FAB$1 = /*#__PURE__*/forwardRef(function (_ref3, ref) {
     },
     activeOpacity: 0.8,
     onPress: onPress,
+    themeIconOnly: isIconOnly,
     style: [style, {
       bottom: displayState.hideButton ? -(marginBottom + theme.__hd__.fab.sizes.height * 2) : (_StyleSheet$flatten2 = StyleSheet$1.flatten(style)) === null || _StyleSheet$flatten2 === void 0 ? void 0 : _StyleSheet$flatten2.bottom,
       transform: [{
@@ -24309,9 +24313,18 @@ var FAB$1 = /*#__PURE__*/forwardRef(function (_ref3, ref) {
     icon: active ? 'add' : icon
   }) : /*#__PURE__*/React__default.createElement(IconWithTextContent, {
     icon: icon,
-    title: title
+    title: title,
+    titleStyle: titleStyle
   })));
 });
+FABWithTitleStyle.displayName = 'FAB';
+// Public export — clean FABProps, no internal props exposed.
+// Docgen reads this component and sees only FABProps.
+var FAB$1 = /*#__PURE__*/forwardRef(function (props, ref) {
+  return /*#__PURE__*/React__default.createElement(FABWithTitleStyle, _extends$1({}, props, {
+    ref: ref
+  }));
+});
 FAB$1.displayName = 'FAB';
 
 var StyledContainer$5 = index$c(View)({
@@ -24480,7 +24493,7 @@ var StyledFABPairWrapper = index$c(Box)({
   justifyContent: 'center',
   alignItems: 'center'
 });
-var StyledFAB = index$c(FAB$1)(function (_ref) {
+var StyledFAB = index$c(FABWithTitleStyle)(function (_ref) {
   var theme = _ref.theme,
     _ref$iconOnly = _ref.iconOnly,
     iconOnly = _ref$iconOnly === void 0 ? false : _ref$iconOnly,
@@ -24502,6 +24515,7 @@ var Pair = function Pair(_ref) {
     title = fabConfig.title,
     onPress = fabConfig.onPress,
     testID = fabConfig.testID;
+  var theme = useTheme();
   return /*#__PURE__*/React__default.createElement(StyledFABPairWrapper, props, /*#__PURE__*/React__default.createElement(StyledFAB, {
     icon: "cancel",
     onPress: onCancel,
@@ -24513,7 +24527,11 @@ var Pair = function Pair(_ref) {
     onPress: onPress,
     testID: testID,
     iconOnly: !title,
-    isLast: true
+    isLast: true,
+    titleStyle: {
+      fontSize: theme.fontSizes.medium,
+      fontFamily: theme.fonts.neutral.regular
+    }
   }));
 };
 
@@ -27538,16 +27556,9 @@ var StyledSuccessButtonContainer = index$c(View)(function (_ref8) {
     paddingVertical: theme.__hd__.success.space.button.wrapperVerticalPadding
   };
 });
-var StyledSuccessButtonPrimary = index$c(CompoundButton)(function (_ref9) {
+var StyledSuccessButtonSecondary = index$c(CompoundButton)(function (_ref9) {
   var theme = _ref9.theme;
   return {
-    padding: theme.__hd__.success.space.button.padding
-  };
-});
-var StyledSuccessButtonSecondary = index$c(CompoundButton)(function (_ref10) {
-  var theme = _ref10.theme;
-  return {
-    padding: theme.__hd__.success.space.button.padding,
     marginTop: theme.__hd__.success.space.button.secondaryCTAMarginTop
   };
 });
@@ -27608,7 +27619,7 @@ var SuccessPage = function SuccessPage(_ref2) {
   }), /*#__PURE__*/React__default.createElement(StyledSuccessTitle, {
     level: "h4",
     typeface: "playful"
-  }, title), typeof description === 'string' ? /*#__PURE__*/React__default.createElement(StyledSuccessDescription, null, description) : description), !!ctaText && /*#__PURE__*/React__default.createElement(StyledSuccessButtonContainer, null, /*#__PURE__*/React__default.createElement(StyledSuccessButtonPrimary, {
+  }, title), typeof description === 'string' ? /*#__PURE__*/React__default.createElement(StyledSuccessDescription, null, description) : description), !!ctaText && /*#__PURE__*/React__default.createElement(StyledSuccessButtonContainer, null, /*#__PURE__*/React__default.createElement(CompoundButton, {
     text: ctaText,
     onPress: onCtaPress
   }), !!showSecondaryButton && /*#__PURE__*/React__default.createElement(StyledSuccessButtonSecondary, {

package/lib/index.js

@@ -5008,7 +5008,7 @@ var swagLightGlobalPalette = _objectSpread2(_objectSpread2({}, globalPalette$1),
 });
 
 var ehWorkBrandSystemPalette = {
-  primary: '#460078',
+  primary: '#7622d7',
   onPrimary: '#fdfbff',
   secondary: '#b382fd',
   onSecondary: palette$4.white,
@@ -5037,6 +5037,7 @@ var swagSystemPalette = _objectSpread2(_objectSpread2({}, ehWorkSystemPalette),
 
 var ehJobsSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette), {}, {
   name: 'ehJobs',
+  primary: '#7622d7',
   secondary: '#40d1ff',
   onSecondary: '#460078',
   secondaryHighlightedSurface: '#ecfaff',
@@ -6403,19 +6404,19 @@ var getErrorTheme = function getErrorTheme(theme) {
 
 var getFABTheme = function getFABTheme(theme) {
   var colors = {
-    buttonBackground: theme.colors.overlayGlobalSurface,
-    buttonPressedBackground: theme.colors.overlayGlobalSurface,
-    buttonActiveBackground: theme.colors.overlayGlobalSurface,
+    buttonBackground: theme.colors.primary,
+    buttonPressedBackground: theme.colors.primary,
+    buttonActiveBackground: theme.colors.primary,
     icon: theme.colors.onDarkGlobalSurface,
-    actionItemBackground: theme.colors.overlayGlobalSurface,
-    actionItemPressedBackground: theme.colors.overlayGlobalSurface,
+    actionItemBackground: theme.colors.defaultGlobalSurface,
+    actionItemPressedBackground: theme.colors.defaultGlobalSurface,
     backdropBackground: theme.colors.black,
     titleText: theme.colors.onDarkGlobalSurface,
-    actionItemText: theme.colors.onDarkGlobalSurface
+    actionItemText: theme.colors.onDefaultGlobalSurface
   };
   var sizes = {
-    width: theme.sizes.xxxxxlarge,
-    height: theme.sizes.xxxxxlarge,
+    width: theme.sizes.xxxlarge,
+    height: theme.sizes.xxxlarge,
     iconContainerWidth: theme.sizes.large,
     iconContainerHeight: theme.sizes.large,
     fabPairHeight: theme.sizes.xxxlarge,
@@ -6423,11 +6424,11 @@ var getFABTheme = function getFABTheme(theme) {
   };
   var fonts = {
     actionItemText: theme.fonts.neutral.regular,
-    title: theme.fonts.neutral.semiBold
+    title: theme.fonts.neutral.regular
   };
   var fontSizes = {
     actionItemText: theme.fontSizes.large,
-    title: theme.fontSizes.large
+    title: theme.fontSizes.medium
   };
   var lineHeights = {
     actionItemText: theme.lineHeights.medium,
@@ -6444,7 +6445,7 @@ var getFABTheme = function getFABTheme(theme) {
     actionItemTextPaddingLeft: theme.space.xsmall,
     buttonMarginTop: theme.space.large,
     buttonMarginRight: theme.space.large,
-    containerPadding: theme.space.large - theme.space.xsmall,
+    containerPadding: theme.space.smallMedium,
     titleMarginHorizontal: theme.space.small,
     fabPairMarginRight: theme.space.small
   };
@@ -23804,21 +23805,14 @@ var StyledErrorButtonContainer = index$c(reactNative.View)(function (_ref3) {
     paddingVertical: theme.__hd__.error.space.button.wrapperVerticalPadding
   };
 });
-var StyledErrorButtonPrimary = index$c(CompoundButton)(function (_ref4) {
+var StyledErrorButtonSecondary = index$c(CompoundButton)(function (_ref4) {
   var theme = _ref4.theme;
   return {
-    padding: theme.__hd__.error.space.button.padding
+    marginTop: theme.__hd__.error.space.button.margin
   };
 });
-var StyledErrorButtonSecondary = index$c(CompoundButton)(function (_ref5) {
+var StyledErrorImageContainer = index$c(reactNative.View)(function (_ref5) {
   var theme = _ref5.theme;
-  return {
-    marginTop: theme.__hd__.error.space.button.margin,
-    padding: theme.__hd__.error.space.button.padding
-  };
-});
-var StyledErrorImageContainer = index$c(reactNative.View)(function (_ref6) {
-  var theme = _ref6.theme;
   return {
     marginBottom: theme.__hd__.error.space.imageMarginBottom,
     width: theme.__hd__.error.sizes.image,
@@ -23826,8 +23820,8 @@ var StyledErrorImageContainer = index$c(reactNative.View)(function (_ref6) {
     alignItems: 'center'
   };
 });
-var StyledErrorIconContainer = index$c(reactNative.View)(function (_ref7) {
-  var theme = _ref7.theme;
+var StyledErrorIconContainer = index$c(reactNative.View)(function (_ref6) {
+  var theme = _ref6.theme;
   return {
     marginBottom: theme.__hd__.error.space.imageMarginBottom,
     width: theme.__hd__.error.sizes.icon,
@@ -23835,8 +23829,8 @@ var StyledErrorIconContainer = index$c(reactNative.View)(function (_ref7) {
     alignItems: 'center'
   };
 });
-var StyledErrorImage = index$c(Image)(function (_ref8) {
-  var theme = _ref8.theme;
+var StyledErrorImage = index$c(Image)(function (_ref7) {
+  var theme = _ref7.theme;
   return {
     marginBottom: theme.__hd__.error.space.imageMarginBottom,
     width: theme.__hd__.error.sizes.image,
@@ -23844,16 +23838,16 @@ var StyledErrorImage = index$c(Image)(function (_ref8) {
     resizeMode: 'contain'
   };
 });
-var StyledErrorTitle = index$c(Typography.Title)(function (_ref9) {
-  var theme = _ref9.theme;
+var StyledErrorTitle = index$c(Typography.Title)(function (_ref8) {
+  var theme = _ref8.theme;
   return {
     textAlign: 'center',
     marginBottom: theme.__hd__.error.space.titleMarginBottom,
     color: theme.__hd__.error.colors.title
   };
 });
-var StyledErrorDescription = index$c(Typography.Body)(function (_ref10) {
-  var theme = _ref10.theme;
+var StyledErrorDescription = index$c(Typography.Body)(function (_ref9) {
+  var theme = _ref9.theme;
   return {
     textAlign: 'center',
     color: theme.__hd__.error.colors.description
@@ -23916,7 +23910,7 @@ var ErrorPage = function ErrorPage(_ref2) {
     typeface: "playful"
   }, title), description && /*#__PURE__*/React__namespace.default.createElement(StyledErrorDescription, {
     typeface: "playful"
-  }, description)), showButtonContainer && /*#__PURE__*/React__namespace.default.createElement(StyledErrorButtonContainer, null, showCta && /*#__PURE__*/React__namespace.default.createElement(StyledErrorButtonPrimary, {
+  }, description)), showButtonContainer && /*#__PURE__*/React__namespace.default.createElement(StyledErrorButtonContainer, null, showCta && /*#__PURE__*/React__namespace.default.createElement(CompoundButton, {
     variant: "filled",
     text: ctaText,
     onPress: onCtaPress
@@ -24047,8 +24041,9 @@ var StyledIcon$3 = index$c(Icon)(function (_ref3) {
 var AnimatedTouchableHighlight = reactNative.Animated.createAnimatedComponent(reactNative.TouchableOpacity);
 var StyledFAB$2 = index$c(AnimatedTouchableHighlight)(function (_ref) {
   var theme = _ref.theme,
-    themeActive = _ref.themeActive;
-  return _objectSpread2({
+    themeActive = _ref.themeActive,
+    themeIconOnly = _ref.themeIconOnly;
+  return _objectSpread2(_objectSpread2({
     backgroundColor: themeActive ? theme.__hd__.fab.colors.buttonActiveBackground : theme.__hd__.fab.colors.buttonBackground,
     borderRadius: theme.radii.rounded,
     alignItems: 'center',
@@ -24057,7 +24052,9 @@ var StyledFAB$2 = index$c(AnimatedTouchableHighlight)(function (_ref) {
     padding: theme.__hd__.fab.space.containerPadding,
     flexDirection: 'row',
     height: theme.__hd__.fab.sizes.height
-  }, theme.__hd__.fab.shadows["default"]);
+  }, themeIconOnly && {
+    width: theme.__hd__.fab.sizes.width
+  }), theme.__hd__.fab.shadows["default"]);
 });
 var StyledFABIcon = index$c(Icon)(function (_ref2) {
   var theme = _ref2.theme;
@@ -24185,12 +24182,15 @@ var IconOnlyContent = function IconOnlyContent(_ref) {
 };
 var IconWithTextContent = function IconWithTextContent(_ref2) {
   var icon = _ref2.icon,
-    title = _ref2.title;
+    title = _ref2.title,
+    titleStyle = _ref2.titleStyle;
   return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(StyledIconContainer$1, null, /*#__PURE__*/React__namespace.default.createElement(StyledFABIcon, {
     size: "xsmall",
     icon: icon,
     testID: "styled-fab-icon"
-  })), /*#__PURE__*/React__namespace.default.createElement(StyledFABText, null, title));
+  })), /*#__PURE__*/React__namespace.default.createElement(StyledFABText, {
+    style: titleStyle
+  }, title));
 };
 var animateWidth = function animateWidth() {
   reactNative.LayoutAnimation.configureNext({
@@ -24201,7 +24201,9 @@ var animateWidth = function animateWidth() {
     }
   });
 };
-var FAB$1 = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
+// Full implementation — accepts InternalFABProps including titleStyle.
+// Exported as FABInternal for use by sibling HD components (e.g. FAB.Pair).
+var FABWithTitleStyle = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
   var _StyleSheet$flatten, _StyleSheet$flatten2;
   var onPress = _ref3.onPress,
     title = _ref3.title,
@@ -24209,7 +24211,8 @@ var FAB$1 = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
     iconAnimated = _ref3.animated,
     testID = _ref3.testID,
     active = _ref3.active,
-    style = _ref3.style;
+    style = _ref3.style,
+    titleStyle = _ref3.titleStyle;
   var theme = useTheme();
   var _React$useState = React__namespace.default.useState({
       hideTitle: false,
@@ -24314,6 +24317,7 @@ var FAB$1 = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
     },
     activeOpacity: 0.8,
     onPress: onPress,
+    themeIconOnly: isIconOnly,
     style: [style, {
       bottom: displayState.hideButton ? -(marginBottom + theme.__hd__.fab.sizes.height * 2) : (_StyleSheet$flatten2 = reactNative.StyleSheet.flatten(style)) === null || _StyleSheet$flatten2 === void 0 ? void 0 : _StyleSheet$flatten2.bottom,
       transform: [{
@@ -24339,9 +24343,18 @@ var FAB$1 = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
     icon: active ? 'add' : icon
   }) : /*#__PURE__*/React__namespace.default.createElement(IconWithTextContent, {
     icon: icon,
-    title: title
+    title: title,
+    titleStyle: titleStyle
   })));
 });
+FABWithTitleStyle.displayName = 'FAB';
+// Public export — clean FABProps, no internal props exposed.
+// Docgen reads this component and sees only FABProps.
+var FAB$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React__namespace.default.createElement(FABWithTitleStyle, _extends$1({}, props, {
+    ref: ref
+  }));
+});
 FAB$1.displayName = 'FAB';
 
 var StyledContainer$5 = index$c(reactNative.View)({
@@ -24510,7 +24523,7 @@ var StyledFABPairWrapper = index$c(Box)({
   justifyContent: 'center',
   alignItems: 'center'
 });
-var StyledFAB = index$c(FAB$1)(function (_ref) {
+var StyledFAB = index$c(FABWithTitleStyle)(function (_ref) {
   var theme = _ref.theme,
     _ref$iconOnly = _ref.iconOnly,
     iconOnly = _ref$iconOnly === void 0 ? false : _ref$iconOnly,
@@ -24532,6 +24545,7 @@ var Pair = function Pair(_ref) {
     title = fabConfig.title,
     onPress = fabConfig.onPress,
     testID = fabConfig.testID;
+  var theme = useTheme();
   return /*#__PURE__*/React__namespace.default.createElement(StyledFABPairWrapper, props, /*#__PURE__*/React__namespace.default.createElement(StyledFAB, {
     icon: "cancel",
     onPress: onCancel,
@@ -24543,7 +24557,11 @@ var Pair = function Pair(_ref) {
     onPress: onPress,
     testID: testID,
     iconOnly: !title,
-    isLast: true
+    isLast: true,
+    titleStyle: {
+      fontSize: theme.fontSizes.medium,
+      fontFamily: theme.fonts.neutral.regular
+    }
   }));
 };
 
@@ -27568,16 +27586,9 @@ var StyledSuccessButtonContainer = index$c(reactNative.View)(function (_ref8) {
     paddingVertical: theme.__hd__.success.space.button.wrapperVerticalPadding
   };
 });
-var StyledSuccessButtonPrimary = index$c(CompoundButton)(function (_ref9) {
+var StyledSuccessButtonSecondary = index$c(CompoundButton)(function (_ref9) {
   var theme = _ref9.theme;
   return {
-    padding: theme.__hd__.success.space.button.padding
-  };
-});
-var StyledSuccessButtonSecondary = index$c(CompoundButton)(function (_ref10) {
-  var theme = _ref10.theme;
-  return {
-    padding: theme.__hd__.success.space.button.padding,
     marginTop: theme.__hd__.success.space.button.secondaryCTAMarginTop
   };
 });
@@ -27638,7 +27649,7 @@ var SuccessPage = function SuccessPage(_ref2) {
   }), /*#__PURE__*/React__namespace.default.createElement(StyledSuccessTitle, {
     level: "h4",
     typeface: "playful"
-  }, title), typeof description === 'string' ? /*#__PURE__*/React__namespace.default.createElement(StyledSuccessDescription, null, description) : description), !!ctaText && /*#__PURE__*/React__namespace.default.createElement(StyledSuccessButtonContainer, null, /*#__PURE__*/React__namespace.default.createElement(StyledSuccessButtonPrimary, {
+  }, title), typeof description === 'string' ? /*#__PURE__*/React__namespace.default.createElement(StyledSuccessDescription, null, description) : description), !!ctaText && /*#__PURE__*/React__namespace.default.createElement(StyledSuccessButtonContainer, null, /*#__PURE__*/React__namespace.default.createElement(CompoundButton, {
     text: ctaText,
     onPress: onCtaPress
   }), !!showSecondaryButton && /*#__PURE__*/React__namespace.default.createElement(StyledSuccessButtonSecondary, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.128.0",
+  "version": "8.128.1",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",

package/src/components/FAB/FAB.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
+import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
 import {
   Animated,
   LayoutAnimation,
@@ -67,6 +67,11 @@ export interface FABProps {
   testID?: string;
 }
 
+// Extends FABProps with internal-only props. Not part of the public API.
+type InternalFABProps = FABProps & {
+  titleStyle?: StyleProp<TextStyle>;
+};
+
 const IconOnlyContent = ({
   icon,
   animated,
@@ -98,15 +103,17 @@ const IconOnlyContent = ({
 const IconWithTextContent = ({
   icon,
   title,
+  titleStyle,
 }: {
   icon: IconName;
   title?: string;
+  titleStyle?: StyleProp<TextStyle>;
 }) => (
   <>
     <StyledIconContainer>
       <StyledFABIcon size="xsmall" icon={icon} testID="styled-fab-icon" />
     </StyledIconContainer>
-    <StyledFABText>{title}</StyledFABText>
+    <StyledFABText style={titleStyle}>{title}</StyledFABText>
   </>
 );
 
@@ -120,9 +127,20 @@ const animateWidth = () => {
   });
 };
 
-const FAB = forwardRef<FABHandles, FABProps>(
+// Full implementation — accepts InternalFABProps including titleStyle.
+// Exported as FABInternal for use by sibling HD components (e.g. FAB.Pair).
+const FABWithTitleStyle = forwardRef<FABHandles, InternalFABProps>(
   (
-    { onPress, title, icon, animated: iconAnimated, testID, active, style },
+    {
+      onPress,
+      title,
+      icon,
+      animated: iconAnimated,
+      testID,
+      active,
+      style,
+      titleStyle,
+    },
     ref
   ) => {
     const theme = useTheme();
@@ -237,6 +255,7 @@ const FAB = forwardRef<FABHandles, FABProps>(
         }
         activeOpacity={0.8}
         onPress={onPress}
+        themeIconOnly={isIconOnly}
         style={[
           style,
           {
@@ -276,7 +295,11 @@ const FAB = forwardRef<FABHandles, FABProps>(
               icon={active ? 'add' : icon}
             />
           ) : (
-            <IconWithTextContent icon={icon} title={title} />
+            <IconWithTextContent
+              icon={icon}
+              title={title}
+              titleStyle={titleStyle}
+            />
           )}
         </Animated.View>
       </StyledFAB>
@@ -284,6 +307,15 @@ const FAB = forwardRef<FABHandles, FABProps>(
   }
 );
 
+FABWithTitleStyle.displayName = 'FAB';
+
+// Public export — clean FABProps, no internal props exposed.
+// Docgen reads this component and sees only FABProps.
+const FAB = forwardRef<FABHandles, FABProps>((props, ref) => (
+  <FABWithTitleStyle {...props} ref={ref} />
+));
+
 FAB.displayName = 'FAB';
 
+export { FABWithTitleStyle as FABInternal };
 export default FAB;

package/src/components/FAB/Pair/StyledFAB.tsx

@@ -1,5 +1,5 @@
 import styled from '@emotion/native';
-import FAB from '../FAB';
+import { FABInternal } from '../FAB';
 import Box from '../../Box';
 
 const StyledFABPairWrapper = styled(Box)({
@@ -8,7 +8,7 @@ const StyledFABPairWrapper = styled(Box)({
   alignItems: 'center',
 });
 
-const StyledFAB = styled(FAB)<{ iconOnly?: boolean; isLast?: boolean }>(
+const StyledFAB = styled(FABInternal)<{ iconOnly?: boolean; isLast?: boolean }>(
   ({ theme, iconOnly = false, isLast = false }) => ({
     height: theme.__hd__.fab.sizes.fabPairHeight,
     width: iconOnly ? theme.__hd__.fab.sizes.fabPairIconOnlyWidth : undefined,

package/src/components/FAB/Pair/index.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { ViewProps } from 'react-native';
+import { useTheme } from '../../../theme';
 import type { FABProps } from '../FAB';
 import { StyledFAB, StyledFABPairWrapper } from './StyledFAB';
 
@@ -21,6 +22,7 @@ export interface FABPairProps extends ViewProps {
 
 const Pair = ({ fabConfig, onCancel, ...props }: FABPairProps) => {
   const { icon, title, onPress, testID } = fabConfig;
+  const theme = useTheme();
 
   return (
     <StyledFABPairWrapper {...props}>
@@ -38,6 +40,10 @@ const Pair = ({ fabConfig, onCancel, ...props }: FABPairProps) => {
         testID={testID}
         iconOnly={!title}
         isLast
+        titleStyle={{
+          fontSize: theme.fontSizes.medium,
+          fontFamily: theme.fonts.neutral.regular,
+        }}
       />
     </StyledFABPairWrapper>
   );

package/src/components/FAB/StyledFAB.tsx

@@ -11,7 +11,8 @@ const AnimatedTouchableHighlight =
 
 const StyledFAB = styled(AnimatedTouchableHighlight)<{
   themeActive?: boolean;
-}>(({ theme, themeActive }) => ({
+  themeIconOnly?: boolean;
+}>(({ theme, themeActive, themeIconOnly }) => ({
   backgroundColor: themeActive
     ? theme.__hd__.fab.colors.buttonActiveBackground
     : theme.__hd__.fab.colors.buttonBackground,
@@ -22,6 +23,7 @@ const StyledFAB = styled(AnimatedTouchableHighlight)<{
   padding: theme.__hd__.fab.space.containerPadding,
   flexDirection: 'row',
   height: theme.__hd__.fab.sizes.height,
+  ...(themeIconOnly && { width: theme.__hd__.fab.sizes.width }),
   ...theme.__hd__.fab.shadows.default,
 }));
 

package/src/components/StatusScreens/Error/StyledError.tsx

@@ -42,13 +42,8 @@ const StyledErrorButtonContainer = styled(View)(({ theme }) => ({
   paddingVertical: theme.__hd__.error.space.button.wrapperVerticalPadding,
 }));
 
-const StyledErrorButtonPrimary = styled(Button)(({ theme }) => ({
-  padding: theme.__hd__.error.space.button.padding,
-}));
-
 const StyledErrorButtonSecondary = styled(Button)(({ theme }) => ({
   marginTop: theme.__hd__.error.space.button.margin,
-  padding: theme.__hd__.error.space.button.padding,
 }));
 
 const StyledErrorImageContainer = styled(View)(({ theme }) => ({
@@ -88,7 +83,6 @@ export {
   StyledErrorImage,
   StyledErrorContainer,
   StyledErrorButtonContainer,
-  StyledErrorButtonPrimary,
   StyledErrorButtonSecondary,
   StyledErrorContent,
   StyledErrorTitle,

package/src/components/StatusScreens/Error/index.tsx

@@ -8,7 +8,6 @@ import type {
 import type { ErrorVariant } from './StyledError';
 import {
   StyledErrorButtonContainer,
-  StyledErrorButtonPrimary,
   StyledErrorButtonSecondary,
   StyledErrorContainer,
   StyledErrorContent,
@@ -23,6 +22,7 @@ import { useDeprecation } from '../../../utils/hooks';
 import type { ImageProps } from '../../Image/index';
 import Illustration from '../../Illustration';
 import type { IllustrationName } from '../../Illustration';
+import Button from '../../Button';
 
 interface ErrorProps extends ViewProps {
   /**
@@ -164,11 +164,7 @@ const ErrorPage = ({
       {showButtonContainer && (
         <StyledErrorButtonContainer>
           {showCta && (
-            <StyledErrorButtonPrimary
-              variant="filled"
-              text={ctaText}
-              onPress={onCtaPress}
-            />
+            <Button variant="filled" text={ctaText} onPress={onCtaPress} />
           )}
           {showSecondaryCta && (
             <StyledErrorButtonSecondary

package/src/components/StatusScreens/Success/StyledSuccess.tsx

@@ -69,12 +69,7 @@ const StyledSuccessButtonContainer = styled(View)(({ theme }) => ({
   paddingVertical: theme.__hd__.success.space.button.wrapperVerticalPadding,
 }));
 
-const StyledSuccessButtonPrimary = styled(Button)(({ theme }) => ({
-  padding: theme.__hd__.success.space.button.padding,
-}));
-
 const StyledSuccessButtonSecondary = styled(Button)(({ theme }) => ({
-  padding: theme.__hd__.success.space.button.padding,
   marginTop: theme.__hd__.success.space.button.secondaryCTAMarginTop,
 }));
 
@@ -93,7 +88,6 @@ export {
   StyledSuccessTitle,
   StyledSuccessDescription,
   StyledSuccessButtonContainer,
-  StyledSuccessButtonPrimary,
   StyledSuccessButtonSecondary,
   StyledSuccessModal,
 };

package/src/components/StatusScreens/Success/index.tsx

@@ -14,7 +14,6 @@ import {
   StyledSuccessTitle,
   StyledSuccessDescription,
   StyledSuccessButtonContainer,
-  StyledSuccessButtonPrimary,
   StyledSuccessModal,
   StyledSuccessIconContainer,
   StyledSuccessButtonSecondary,
@@ -23,6 +22,7 @@ import type { ImageProps } from '../../Image';
 import { noop } from '../../../utils/functions';
 import type { IllustrationName } from '../../Illustration';
 import Illustration from '../../Illustration';
+import Button from '../../Button';
 
 interface SuccessProps extends ViewProps {
   /**
@@ -152,7 +152,7 @@ const SuccessPage = ({
 
       {!!ctaText && (
         <StyledSuccessButtonContainer>
-          <StyledSuccessButtonPrimary text={ctaText} onPress={onCtaPress} />
+          <Button text={ctaText} onPress={onCtaPress} />
           {!!showSecondaryButton && (
             <StyledSuccessButtonSecondary
               variant="text"

package/src/theme/components/fab.ts

@@ -2,20 +2,20 @@ import type { GlobalTheme } from '../global';
 
 const getFABTheme = (theme: GlobalTheme) => {
   const colors = {
-    buttonBackground: theme.colors.overlayGlobalSurface,
-    buttonPressedBackground: theme.colors.overlayGlobalSurface,
-    buttonActiveBackground: theme.colors.overlayGlobalSurface,
+    buttonBackground: theme.colors.primary,
+    buttonPressedBackground: theme.colors.primary,
+    buttonActiveBackground: theme.colors.primary,
     icon: theme.colors.onDarkGlobalSurface,
-    actionItemBackground: theme.colors.overlayGlobalSurface,
-    actionItemPressedBackground: theme.colors.overlayGlobalSurface,
+    actionItemBackground: theme.colors.defaultGlobalSurface,
+    actionItemPressedBackground: theme.colors.defaultGlobalSurface,
     backdropBackground: theme.colors.black,
     titleText: theme.colors.onDarkGlobalSurface,
-    actionItemText: theme.colors.onDarkGlobalSurface,
+    actionItemText: theme.colors.onDefaultGlobalSurface,
   };
 
   const sizes = {
-    width: theme.sizes.xxxxxlarge,
-    height: theme.sizes.xxxxxlarge,
+    width: theme.sizes.xxxlarge,
+    height: theme.sizes.xxxlarge,
     iconContainerWidth: theme.sizes.large,
     iconContainerHeight: theme.sizes.large,
     fabPairHeight: theme.sizes.xxxlarge,
@@ -24,12 +24,12 @@ const getFABTheme = (theme: GlobalTheme) => {
 
   const fonts = {
     actionItemText: theme.fonts.neutral.regular,
-    title: theme.fonts.neutral.semiBold,
+    title: theme.fonts.neutral.regular,
   };
 
   const fontSizes = {
     actionItemText: theme.fontSizes.large,
-    title: theme.fontSizes.large,
+    title: theme.fontSizes.medium,
   };
 
   const lineHeights = {
@@ -49,7 +49,7 @@ const getFABTheme = (theme: GlobalTheme) => {
     actionItemTextPaddingLeft: theme.space.xsmall,
     buttonMarginTop: theme.space.large,
     buttonMarginRight: theme.space.large,
-    containerPadding: theme.space.large - theme.space.xsmall,
+    containerPadding: theme.space.smallMedium,
     titleMarginHorizontal: theme.space.small,
     fabPairMarginRight: theme.space.small,
   };
@@ -69,6 +69,7 @@ const getFABTheme = (theme: GlobalTheme) => {
     space,
   };
 };
+
 type GetFABThemeReturnType = ReturnType<typeof getFABTheme>;
 export interface FABThemeType extends GetFABThemeReturnType {
   /**

package/src/theme/global/colors/ehJobs.ts

@@ -4,6 +4,7 @@ import type { SystemPalette } from './types';
 const ehJobsSystemPalette: SystemPalette = {
   ...swagLightSystemPalette,
   name: 'ehJobs',
+  primary: '#7622d7',
   secondary: '#40d1ff',
   onSecondary: '#460078',
   secondaryHighlightedSurface: '#ecfaff',

package/src/theme/global/colors/ehWork.ts

@@ -3,7 +3,7 @@ import type { SystemPalette, BrandSystemPalette } from './types';
 import swagLightGlobalPalette from './swagLightGlobal';
 
 const ehWorkBrandSystemPalette: BrandSystemPalette = {
-  primary: '#460078',
+  primary: '#7622d7',
   onPrimary: '#fdfbff',
   secondary: '#b382fd',
   onSecondary: palette.white,

package/types/components/Checkbox/StyledInlineCheckBox.d.ts

@@ -32,7 +32,7 @@ export declare const StyledCheckMark: import("@emotion/native").StyledComponent<
     as?: React.ElementType;
 } & {
     themeSize: "small" | "xsmall" | "medium" | "large" | "xlarge" | "xxxsmall";
-    themeIntent: "secondary" | "primary" | "text" | "warning" | "info" | "danger" | "success" | "disabled-text" | "text-inverted" | "muted" | "inactive";
+    themeIntent: "primary" | "secondary" | "text" | "warning" | "info" | "danger" | "success" | "disabled-text" | "text-inverted" | "muted" | "inactive";
 } & {
     ref?: import("react").Ref<import("react-native-vector-icons/Icon").Icon> | undefined;
 } & {

package/types/components/FAB/FAB.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
+import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
 import { Animated } from 'react-native';
 import type { IconName } from '../Icon';
 export type FABHandles = {
@@ -37,5 +37,9 @@ export interface FABProps {
      */
     testID?: string;
 }
+declare const FABWithTitleStyle: React.ForwardRefExoticComponent<FABProps & {
+    titleStyle?: StyleProp<TextStyle>;
+} & React.RefAttributes<FABHandles>>;
 declare const FAB: React.ForwardRefExoticComponent<FABProps & React.RefAttributes<FABHandles>>;
+export { FABWithTitleStyle as FABInternal };
 export default FAB;

package/types/components/FAB/Pair/StyledFAB.d.ts

@@ -2,7 +2,9 @@ declare const StyledFABPairWrapper: import("@emotion/native").StyledComponent<im
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;
-declare const StyledFAB: import("@emotion/native").StyledComponent<import("../FAB").FABProps & import("react").RefAttributes<import("../FAB").FABHandles> & {
+declare const StyledFAB: import("@emotion/native").StyledComponent<import("../FAB").FABProps & {
+    titleStyle?: import("react-native").StyleProp<import("react-native").TextStyle>;
+} & import("react").RefAttributes<import("../FAB").FABHandles> & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {

package/types/components/FAB/StyledFAB.d.ts

@@ -6,6 +6,7 @@ declare const StyledFAB: import("@emotion/native").StyledComponent<Animated.Anim
     as?: React.ElementType;
 } & {
     themeActive?: boolean;
+    themeIconOnly?: boolean;
 }, {}, {}>;
 declare const StyledFABIcon: import("@emotion/native").StyledComponent<IconProps & {
     theme?: import("@emotion/react").Theme;

package/types/components/StatusScreens/Error/StyledError.d.ts

@@ -24,10 +24,6 @@ declare const StyledErrorButtonContainer: import("@emotion/native").StyledCompon
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledErrorButtonPrimary: import("@emotion/native").StyledComponent<import("../../Button/Button").ButtonProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
 declare const StyledErrorButtonSecondary: import("@emotion/native").StyledComponent<import("../../Button/Button").ButtonProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
@@ -56,4 +52,4 @@ declare const StyledErrorDescription: import("@emotion/native").StyledComponent<
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;
-export { ErrorVariant, StyledErrorModal, StyledErrorImage, StyledErrorContainer, StyledErrorButtonContainer, StyledErrorButtonPrimary, StyledErrorButtonSecondary, StyledErrorContent, StyledErrorTitle, StyledErrorDescription, StyledErrorImageContainer, StyledErrorIconContainer, };
+export { ErrorVariant, StyledErrorModal, StyledErrorImage, StyledErrorContainer, StyledErrorButtonContainer, StyledErrorButtonSecondary, StyledErrorContent, StyledErrorTitle, StyledErrorDescription, StyledErrorImageContainer, StyledErrorIconContainer, };

package/types/components/StatusScreens/Success/StyledSuccess.d.ts

@@ -44,10 +44,6 @@ declare const StyledSuccessButtonContainer: import("@emotion/native").StyledComp
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledSuccessButtonPrimary: import("@emotion/native").StyledComponent<import("../../Button/Button").ButtonProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
 declare const StyledSuccessButtonSecondary: import("@emotion/native").StyledComponent<import("../../Button/Button").ButtonProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
@@ -56,4 +52,4 @@ declare const StyledSuccessModal: import("@emotion/native").StyledComponent<impo
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;
-export { SuccessVariant, StyledSuccessImage, StyledSuccessContainer, StyledSuccessContent, StyledSuccessImageContainer, StyledSuccessIconContainer, StyledSuccessTitle, StyledSuccessDescription, StyledSuccessButtonContainer, StyledSuccessButtonPrimary, StyledSuccessButtonSecondary, StyledSuccessModal, };
+export { SuccessVariant, StyledSuccessImage, StyledSuccessContainer, StyledSuccessContent, StyledSuccessImageContainer, StyledSuccessIconContainer, StyledSuccessTitle, StyledSuccessDescription, StyledSuccessButtonContainer, StyledSuccessButtonSecondary, StyledSuccessModal, };