@hero-design/rn 8.127.1 → 8.128.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.127.1",
+  "version": "8.128.1",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -79,11 +79,11 @@
     "@types/jest": "^29.5.3",
     "@types/react": "^19.0.0",
     "@types/react-native-vector-icons": "^6.4.10",
-    "@typescript-eslint/eslint-plugin": "^5.12.1",
+    "@typescript-eslint/eslint-plugin": "^8.57.0",
     "babel-plugin-inline-import": "^3.0.0",
     "core-js": "^3.33.0",
-    "eslint": "^8.56.0",
-    "eslint-config-hd": "8.42.5",
+    "eslint": "^8.57.0",
+    "eslint-config-hd": "8.42.6",
     "expo-linear-gradient": "55.0.9",
     "jest": "^29.2.1",
     "jest-environment-jsdom": "^29.2.1",

package/src/components/Button/StyledButton.tsx

@@ -34,7 +34,7 @@ const getButtonSize = (themeIsCompact: boolean, themeIsMedium?: boolean) => {
 
   if (themeIsMedium) return scale(48);
 
-  return scale(60);
+  return scale(48);
 };
 
 const getTextButtonPaddingVertical = (
@@ -119,7 +119,7 @@ const genFilledContainerStyles = (
 
     return {
       alignSelf: 'stretch',
-      padding: theme.__hd__.button.space.default.buttonPadding,
+      paddingHorizontal: theme.__hd__.button.space.default.buttonPadding,
       borderRadius: theme.__hd__.button.radii.default,
     };
   };
@@ -186,7 +186,7 @@ const genOutlineContainerStyles = (
 
     return {
       alignSelf: 'stretch',
-      padding:
+      paddingHorizontal:
         theme.__hd__.button.space.default.buttonPadding -
         theme.__hd__.button.borderWidth.default,
       borderRadius: theme.__hd__.button.radii.default,
@@ -251,7 +251,7 @@ const getTextContainerStyles = (
     }
 
     return {
-      padding: inlineText
+      paddingHorizontal: inlineText
         ? 0
         : theme.__hd__.button.space.default.textButtonPadding,
     };

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/FilterTrigger/index.tsx

@@ -55,8 +55,6 @@ const FilterTrigger = ({
   style,
 }: FilterTriggerProps) => {
   const shouldShowBadge = filterCount > 0 && active;
-  const iconIntent = active ? 'text' : 'inactive';
-  const typographyVariant = active ? 'small-bold' : 'small';
 
   return (
     <StyledFilterWrapper
@@ -69,16 +67,18 @@ const FilterTrigger = ({
     >
       {label ? (
         <>
-          <StyledText variant={typographyVariant}>{label}</StyledText>
-          {shouldShowBadge && <Badge content={filterCount} size="small" />}
           {suffix && (
             <Icon
               icon={suffix}
               size="xxxsmall"
-              intent={iconIntent}
+              intent="text"
               testID={`${testID}-suffix`}
             />
           )}
+          <StyledText variant="small">{label}</StyledText>
+          {shouldShowBadge && (
+            <Badge content={filterCount} size="small" intent="primary" />
+          )}
         </>
       ) : (
         <>
@@ -86,7 +86,7 @@ const FilterTrigger = ({
             <Icon
               icon={suffix}
               size="xsmall"
-              intent={iconIntent}
+              intent="text"
               testID={`${testID}-suffix`}
             />
           )}
@@ -94,6 +94,7 @@ const FilterTrigger = ({
             <StyledBadge
               content={filterCount}
               size="small"
+              intent="primary"
               themeHasLabel={!!label}
             />
           )}

package/src/components/Icon/HeroIcon/glyphMap.json

@@ -1 +1 @@
-{"activate":59000,"add-emoji":59001,"add-person":59002,"adjustment":59003,"alignment":59004,"antenna":59005,"archive":59006,"assignment-warning":59007,"bank":59008,"bell":59009,"billing":59010,"bolt":59011,"bookmark-added":59012,"bookmark-checked":59013,"bookmark":59014,"box-check":59015,"box":59016,"bpay":59017,"buildings":59018,"cake":59019,"calendar-clock":59020,"calendar":59021,"candy-box-menu":59022,"caret-down-small":59023,"caret-down":59024,"caret-left-small":59025,"caret-left":59026,"caret-right-small":59027,"caret-right":59028,"caret-up-small":59029,"caret-up":59030,"check-radio":59031,"circle-add":59032,"circle-cancel":59033,"circle-check":59034,"circle-down":59035,"circle-info":59036,"circle-left":59037,"circle-ok":59038,"circle-pencil":59039,"circle-question":59040,"circle-remove":59041,"circle-right":59042,"circle-up":59043,"circle-warning":59044,"clock-3":59045,"clock":59046,"cloud-download":59047,"cloud-upload":59048,"cog":59049,"coin":59050,"contacts":59051,"credit-card":59052,"diamond":59053,"direction-arrows":59054,"directory":59055,"document":59056,"dollar-coin-shine":59057,"dot":59058,"double-buildings":59059,"edit-template":59060,"envelope":59061,"exclude":59062,"expand-content":59063,"expense":59064,"explore_nearby":59065,"eye-circle":59066,"eye-invisible":59067,"eye":59068,"face-meh":59069,"face-sad":59070,"face-smiley":59071,"feed":59072,"feedbacks":59073,"file-certified":59074,"file-clone":59075,"file-copy":59076,"file-csv":59077,"file-dispose":59078,"file-doc":59079,"file-excel":59080,"file-export":59081,"file-lock":59082,"file-pdf":59083,"file-powerpoint":59084,"file-search":59085,"file-secured":59086,"file-sheets":59087,"file-slide":59088,"file-verified":59089,"file-word":59090,"file":59091,"filter":59092,"folder-user":59093,"folder":59094,"format-bold":59095,"format-heading1":59096,"format-heading2":59097,"format-italic":59098,"format-list-bulleted":59099,"format-list-numbered":59100,"format-underlined":59101,"funnel-filter":59102,"global-dollar":59103,"global-pound":59104,"globe":59105,"graduation-cap":59106,"graph":59107,"happy-sun":59108,"health-bag":59109,"heart":59110,"hero-points":59111,"home":59112,"image":59113,"import":59114,"incident-siren":59115,"instapay-daily":59116,"instapay-now":59117,"instapay":59118,"list":59119,"loading-2":59120,"loading":59121,"location-on":59122,"location":59123,"lock":59124,"looks-one":59125,"looks-two":59126,"media-content":59127,"menu":59128,"money-notes":59129,"moneybag":59130,"moon":59131,"multiple-stars":59132,"multiple-users":59133,"near-me":59134,"node":59135,"open-folder":59136,"paperclip-vertical":59137,"paperclip":59138,"payment-summary":59139,"pencil":59140,"phone":59141,"piggy-bank":59142,"plane-up":59143,"plane":59144,"play-arrow":59145,"play-circle":59146,"pound-coin-shine":59147,"pound-sign":59148,"print":59149,"raising-hands":59150,"reply-arrow":59151,"reply":59152,"reschedule":59153,"rocket-launch":59154,"rostering":59155,"salary-sacrifice":59156,"save":59157,"schedule-send":59158,"schedule":59159,"search-person":59160,"search":59161,"send":59162,"speaker-active":59163,"speaker":59164,"star-award":59165,"star-badge":59166,"star-circle":59167,"star-medal":59168,"star":59169,"steps-circle":59170,"stopwatch":59171,"suitcase":59172,"surfing":59173,"survey":59174,"swag-pillar-benefit":59175,"swag-pillar-career":59176,"swag-pillar-money":59177,"swag-pillar-work":59178,"swag":59179,"swipe-right":59180,"switch":59181,"tag":59182,"target":59183,"teams":59184,"thumb-down":59185,"thumb-up":59186,"timesheet":59187,"touch-id":59188,"trash-bin":59189,"unlock":59190,"user":59191,"video-1":59192,"video-2":59193,"wallet":59194,"warning":59195,"academic-hat-outlined":59196,"accommodation-outlined":59197,"activate-outlined":59198,"add-credit-card-outlined":59199,"add-person-outlined":59200,"add-section-outlined":59201,"add-time-outlined":59202,"add":59203,"adjustment-outlined":59204,"afternoon-outlined":59205,"ai-outlined":59206,"alignment-2-outlined":59207,"alignment-outlined":59208,"all-caps":59209,"application-outlined":59210,"arrow-down":59211,"arrow-downwards":59212,"arrow-left":59213,"arrow-leftwards":59214,"arrow-right":59215,"arrow-rightwards":59216,"arrow-up":59217,"arrow-upwards":59218,"article-outlined":59219,"at-sign":59220,"auto-graph-outlined":59221,"automotive-outlined":59222,"bakery-outlined":59223,"bar-outlined":59224,"beauty-outlined":59225,"beer-outlined":59226,"bell-active-outlined":59227,"bell-outlined":59228,"bell-slash-outlined":59229,"bill-management-outlined":59230,"billing-outlined":59231,"body-outlined":59232,"bold":59233,"bolt-outlined":59234,"book-outlined":59235,"bookmark-added-outlined":59236,"bookmark-checked-outlined":59237,"bookmark-outlined":59238,"box-1-outlined":59239,"box-check-outlined":59240,"box-outlined":59241,"bullet-points":59242,"cake-outlined":59243,"calculator-outlined":59244,"calendar-dates-outlined":59245,"calendar-edit-outlined":59246,"calendar-star-outlined":59247,"call-outlined":59248,"call-split-outlined":59249,"camera-outlined":59250,"cancel":59251,"car-forward-outlined":59252,"cashback-outlined":59253,"charging-station-outlined":59254,"chat-bubble-outlined":59255,"chat-unread-outlined":59256,"checkmark":59257,"circle-add-outlined":59258,"circle-cancel-outlined":59259,"circle-down-outlined":59260,"circle-info-outlined":59261,"circle-left-outlined":59262,"circle-ok-outlined":59263,"circle-question-outlined":59264,"circle-remove-outlined":59265,"circle-right-outlined":59266,"circle-up-outlined":59267,"circle-warning-outlined":59268,"clock-2-outlined":59269,"clock-in-outlined":59270,"clock-out-outlined":59271,"clock-outlined":59272,"cog-outlined":59273,"coin-outlined":59274,"coin-super-outlined":59275,"comment-outlined":59276,"contacts-outlined":59277,"contacts-user-outlined":59278,"credit-card-outlined":59279,"cultural-site-outlined":59280,"cup-outlined":59281,"dentistry-outlined":59282,"diamond-outlined":59283,"direction-arrows-outlined":59284,"directory-outlined":59285,"document-outlined":59286,"dollar-box-outlined":59287,"dollar-card-outlined":59288,"dollar-coin-shine-outlined":59289,"dollar-credit-card-outlined":59290,"dollar-sign":59291,"double-buildings-outlined":59292,"double-left-arrows":59293,"double-right-arrows":59294,"download-box-outlined":59295,"download-outlined":59296,"edit-template-outlined":59297,"edit-user-outlined":59298,"electronics-outlined":59299,"email-outlined":59300,"end-break-outlined":59301,"enter-arrow":59302,"entertainment-outlined":59303,"envelope-outlined":59304,"evening-outlined":59305,"expense-approval-outlined":59306,"expense-outlined":59307,"explore-outlined":59308,"extension-outlined":59309,"external-link":59310,"eye-invisible-outlined":59311,"eye-outlined":59312,"face-id":59313,"face-meh-outlined":59314,"face-open-smiley-outlined":59315,"face-sad-outlined":59316,"face-smiley-outlined":59317,"fastfood-outlined":59318,"feed-outlined":59319,"feedbacks-outlined":59320,"file-certified-outlined":59321,"file-clone-outlined":59322,"file-copy-outlined":59323,"file-dispose-outlined":59324,"file-dollar-certified-outlined":59325,"file-dollar-outlined":59326,"file-download-outlined":59327,"file-export-outlined":59328,"file-lock-outlined":59329,"file-outlined":59330,"file-pound-outlined":59331,"file-search-outlined":59332,"file-secured-outlined":59333,"file-statutory-outlined":59334,"file-verified-outlined":59335,"filter-outlined":59336,"fitness-outlined":59337,"folder-outlined":59338,"folder-upload-outlined":59339,"folder-user-outlined":59340,"form-outlined":59341,"funnel-filter-outline":59342,"goal-outlined":59343,"graph-outlined":59344,"grocery-outlined":59345,"hand-holding-user-outlined":59346,"handshake-outlined":59347,"happy-sun-outlined":59348,"health-bag-outlined":59349,"heart-outlined":59350,"home-active-outlined":59351,"home-outlined":59352,"id-card-outlined":59353,"image-outlined":59354,"import-outlined":59355,"instapay-outlined":59356,"italic":59357,"job-search-outlined":59358,"leave-approval-outlined":59359,"lighting-outlined":59360,"link-1":59361,"link-2":59362,"list-outlined":59363,"live-help-outlined":59364,"local_mall_outlined":59365,"location-on-outlined":59366,"location-outlined":59367,"lock-outlined":59368,"locked-file-outlined":59369,"log-out":59370,"mail-outlined":59371,"map-outlined":59372,"media-content-outlined":59373,"menu-close":59374,"menu-expand":59375,"menu-fold-outlined":59376,"menu-unfold-outlined":59377,"moneybag-outlined":59378,"moon-outlined":59379,"more-horizontal":59380,"more-vertical":59381,"morning-outlined":59382,"multiple-folders-outlined":59383,"multiple-users-outlined":59384,"near-me-outlined":59385,"node-outlined":59386,"number-points":59387,"number":59388,"overview-outlined":59389,"park-outlined":59390,"payment-summary-outlined":59391,"payslip-outlined":59392,"pencil-outlined":59393,"percentage":59394,"phone-outlined":59395,"piggy-bank-outlined":59396,"plane-outlined":59397,"play-circle-outlined":59398,"pound-box-outlined":59399,"pound-card-outlined":59400,"pound-coin-shine-outlined":59401,"pound-credit-card-outlined":59402,"print-outlined":59403,"profile-2user-outlined":59404,"propane-tank-outlined":59405,"qr-code-outlined":59406,"qualification-outlined":59407,"question-mark":59408,"re-assign":59409,"redeem":59410,"refresh":59411,"remove":59412,"reply-outlined":59413,"restart":59414,"restaurant-outlined":59415,"resume-outlined":59416,"return-arrow":59417,"rocket-launch-outlined":59418,"rostering-outlined":59419,"safety-outlined":59420,"save-outlined":59421,"schedule-outlined":59422,"search-outlined":59423,"search-secured-outlined":59424,"send-outlined":59425,"share-1":59426,"share-2":59427,"share-outlined-2":59428,"share-outlined":59429,"shield-check-outlined":59430,"shop-outlined":59431,"shopping_basket_outlined":59432,"show-chart-outlined":59433,"single-down-arrow":59434,"single-left-arrow":59435,"single-right-arrow":59436,"single-up-arrow":59437,"smart-match-outlined":59438,"sparkle-2-outlined":59439,"sparkle-outlined":59440,"speaker-active-outlined":59441,"speaker-outlined":59442,"star-circle-outlined":59443,"star-outlined":59444,"start-break-outlined":59445,"stash-outlined":59446,"stopwatch-outlined":59447,"strikethrough":59448,"styler-outlined":59449,"suitcase-clock-outlined":59450,"suitcase-outlined":59451,"survey-outlined":59452,"switch-outlined":59453,"sync":59454,"tag-outlined":59455,"target-outlined":59456,"tennis-outlined":59457,"thumb-down-outlined":59458,"thumb-up-outlined":59459,"ticket-outlined":59460,"timesheet-outlined":59461,"timesheets-outlined":59462,"today-outlined":59463,"transfer":59464,"transportation-outlined":59465,"trash-bin-outlined":59466,"umbrela-outlined":59467,"unavailability-outlined":59468,"unavailable":59469,"underline":59470,"union-outlined":59471,"unlock-outlined":59472,"upload-outlined":59473,"user-add-outlined":59474,"user-circle-outlined":59475,"user-gear-outlined":59476,"user-out-outlined":59477,"user-outlined":59478,"user-rectangle-outlined":59479,"video-1-outlined":59480,"video-2-outlined":59481,"volunteer-outlined":59482,"wallet-outlined":59483,"wellness-outlined":59484}
+{"activate":59000,"add-emoji":59001,"add-person":59002,"adjustment":59003,"alignment":59004,"antenna":59005,"archive":59006,"assignment-warning":59007,"bank":59008,"bell":59009,"billing":59010,"bolt":59011,"bookmark-added":59012,"bookmark-checked":59013,"bookmark":59014,"box-check":59015,"box":59016,"bpay":59017,"buildings":59018,"cake":59019,"calendar-clock":59020,"calendar":59021,"candy-box-menu":59022,"caret-down-small":59023,"caret-down":59024,"caret-left-small":59025,"caret-left":59026,"caret-right-small":59027,"caret-right":59028,"caret-up-small":59029,"caret-up":59030,"check-radio":59031,"circle-add":59032,"circle-cancel":59033,"circle-check":59034,"circle-down":59035,"circle-info":59036,"circle-left":59037,"circle-ok":59038,"circle-pencil":59039,"circle-question":59040,"circle-remove":59041,"circle-right":59042,"circle-up":59043,"circle-warning":59044,"clock-3":59045,"clock":59046,"cloud-download":59047,"cloud-upload":59048,"cog":59049,"coin":59050,"contacts":59051,"credit-card":59052,"diamond":59053,"direction-arrows":59054,"directory":59055,"document":59056,"dollar-coin-shine":59057,"dot":59058,"double-buildings":59059,"edit-template":59060,"envelope":59061,"exclude":59062,"expand-content":59063,"expense":59064,"explore_nearby":59065,"eye-circle":59066,"eye-invisible":59067,"eye":59068,"face-meh":59069,"face-sad":59070,"face-smiley":59071,"feed":59072,"feedbacks":59073,"file-certified":59074,"file-clone":59075,"file-copy":59076,"file-csv":59077,"file-dispose":59078,"file-doc":59079,"file-excel":59080,"file-export":59081,"file-lock":59082,"file-pdf":59083,"file-powerpoint":59084,"file-search":59085,"file-secured":59086,"file-sheets":59087,"file-slide":59088,"file-verified":59089,"file-word":59090,"file":59091,"filter":59092,"folder-user":59093,"folder":59094,"format-bold":59095,"format-heading1":59096,"format-heading2":59097,"format-italic":59098,"format-list-bulleted":59099,"format-list-numbered":59100,"format-underlined":59101,"funnel-filter":59102,"global-dollar":59103,"global-pound":59104,"globe":59105,"graduation-cap":59106,"graph":59107,"happy-sun":59108,"health-bag":59109,"heart":59110,"hero-points":59111,"home":59112,"image":59113,"import":59114,"incident-siren":59115,"instapay-daily":59116,"instapay-now":59117,"instapay":59118,"list":59119,"loading-2":59120,"loading":59121,"location-on":59122,"location":59123,"lock":59124,"looks-one":59125,"looks-two":59126,"media-content":59127,"menu":59128,"money-notes":59129,"moneybag":59130,"moon":59131,"multiple-stars":59132,"multiple-users":59133,"near-me":59134,"node":59135,"open-folder":59136,"paperclip-vertical":59137,"paperclip":59138,"payment-summary":59139,"pencil":59140,"phone":59141,"piggy-bank":59142,"plane-up":59143,"plane":59144,"play-arrow":59145,"play-circle":59146,"pound-coin-shine":59147,"pound-sign":59148,"print":59149,"raising-hands":59150,"reply-arrow":59151,"reply":59152,"reschedule":59153,"rocket-launch":59154,"rostering":59155,"salary-sacrifice":59156,"save":59157,"schedule-send":59158,"schedule":59159,"search-person":59160,"search":59161,"send":59162,"speaker-active":59163,"speaker":59164,"star-award":59165,"star-badge":59166,"star-circle":59167,"star-medal":59168,"star":59169,"steps-circle":59170,"stopwatch":59171,"suitcase":59172,"surfing":59173,"survey":59174,"swag-pillar-benefit":59175,"swag-pillar-career":59176,"swag-pillar-money":59177,"swag-pillar-work":59178,"swag":59179,"swipe-right":59180,"switch":59181,"tag":59182,"target":59183,"teams":59184,"thumb-down":59185,"thumb-up":59186,"timesheet":59187,"touch-id":59188,"trash-bin":59189,"unlock":59190,"user":59191,"video-1":59192,"video-2":59193,"wallet":59194,"warning":59195,"academic-hat-outlined":59196,"accommodation-outlined":59197,"activate-outlined":59198,"add-credit-card-outlined":59199,"add-person-outlined":59200,"add-section-outlined":59201,"add-time-outlined":59202,"add":59203,"adjustment-outlined":59204,"afternoon-outlined":59205,"ai-outlined":59206,"alignment-2-outlined":59207,"alignment-outlined":59208,"all-caps":59209,"application-outlined":59210,"arrow-down":59211,"arrow-downwards":59212,"arrow-left":59213,"arrow-leftwards":59214,"arrow-right":59215,"arrow-rightwards":59216,"arrow-up":59217,"arrow-upwards":59218,"article-outlined":59219,"at-sign":59220,"auto-graph-outlined":59221,"automotive-outlined":59222,"bakery-outlined":59223,"bar-outlined":59224,"beauty-outlined":59225,"beer-outlined":59226,"bell-active-outlined":59227,"bell-outlined":59228,"bell-slash-outlined":59229,"bill-management-outlined":59230,"billing-outlined":59231,"body-outlined":59232,"bold":59233,"bolt-outlined":59234,"book-outlined":59235,"bookmark-added-outlined":59236,"bookmark-checked-outlined":59237,"bookmark-outlined":59238,"box-1-outlined":59239,"box-check-outlined":59240,"box-outlined":59241,"bullet-points":59242,"cake-outlined":59243,"calculator-outlined":59244,"calendar-dates-outlined":59245,"calendar-edit-outlined":59246,"calendar-star-outlined":59247,"call-outlined":59248,"call-split-outlined":59249,"camera-outlined":59250,"cancel":59251,"car-forward-outlined":59252,"cashback-outlined":59253,"charging-station-outlined":59254,"chat-bubble-outlined":59255,"chat-unread-outlined":59256,"checkmark":59257,"circle-add-outlined":59258,"circle-cancel-outlined":59259,"circle-down-outlined":59260,"circle-info-outlined":59261,"circle-left-outlined":59262,"circle-ok-outlined":59263,"circle-question-outlined":59264,"circle-remove-outlined":59265,"circle-right-outlined":59266,"circle-up-outlined":59267,"circle-warning-outlined":59268,"clock-2-outlined":59269,"clock-in-outlined":59270,"clock-out-outlined":59271,"clock-outlined":59272,"cog-outlined":59273,"coin-outlined":59274,"coin-super-outlined":59275,"comment-outlined":59276,"contacts-outlined":59277,"contacts-user-outlined":59278,"credit-card-outlined":59279,"cultural-site-outlined":59280,"cup-outlined":59281,"dentistry-outlined":59282,"diamond-outlined":59283,"direction-arrows-outlined":59284,"directory-outlined":59285,"document-outlined":59286,"dollar-box-outlined":59287,"dollar-card-outlined":59288,"dollar-coin-shine-outlined":59289,"dollar-credit-card-outlined":59290,"dollar-sign":59291,"double-buildings-outlined":59292,"double-left-arrows":59293,"double-right-arrows":59294,"download-box-outlined":59295,"download-outlined":59296,"edit-template-outlined":59297,"edit-user-outlined":59298,"electronics-outlined":59299,"email-outlined":59300,"end-break-outlined":59301,"enter-arrow":59302,"entertainment-outlined":59303,"envelope-outlined":59304,"evening-outlined":59305,"expense-approval-outlined":59306,"expense-outlined":59307,"explore-outlined":59308,"extension-outlined":59309,"external-link":59310,"eye-invisible-outlined":59311,"eye-outlined":59312,"face-id":59313,"face-meh-outlined":59314,"face-open-smiley-outlined":59315,"face-sad-outlined":59316,"face-smiley-outlined":59317,"fastfood-outlined":59318,"feed-outlined":59319,"feedbacks-outlined":59320,"file-certified-outlined":59321,"file-clone-outlined":59322,"file-copy-outlined":59323,"file-dispose-outlined":59324,"file-dollar-certified-outlined":59325,"file-dollar-outlined":59326,"file-download-outlined":59327,"file-export-outlined":59328,"file-lock-outlined":59329,"file-outlined":59330,"file-pound-outlined":59331,"file-search-outlined":59332,"file-secured-outlined":59333,"file-statutory-outlined":59334,"file-verified-outlined":59335,"filter-outlined":59336,"fitness-outlined":59337,"folder-outlined":59338,"folder-upload-outlined":59339,"folder-user-outlined":59340,"form-outlined":59341,"funnel-filter-outline":59342,"goal-outlined":59343,"graph-outlined":59344,"grocery-outlined":59345,"hand-holding-user-outlined":59346,"handshake-outlined":59347,"happy-sun-outlined":59348,"health-bag-outlined":59349,"heart-outlined":59350,"history-outlined":59351,"home-active-outlined":59352,"home-outlined":59353,"id-card-outlined":59354,"image-outlined":59355,"import-outlined":59356,"instapay-outlined":59357,"italic":59358,"job-search-outlined":59359,"leave-approval-outlined":59360,"lighting-outlined":59361,"link-1":59362,"link-2":59363,"list-outlined":59364,"live-help-outlined":59365,"local_mall_outlined":59366,"location-on-outlined":59367,"location-outlined":59368,"lock-outlined":59369,"locked-file-outlined":59370,"log-out":59371,"mail-outlined":59372,"map-outlined":59373,"media-content-outlined":59374,"menu-close":59375,"menu-expand":59376,"menu-fold-outlined":59377,"menu-unfold-outlined":59378,"moneybag-outlined":59379,"moon-outlined":59380,"more-horizontal":59381,"more-vertical":59382,"morning-outlined":59383,"multiple-folders-outlined":59384,"multiple-users-outlined":59385,"near-me-outlined":59386,"node-outlined":59387,"number-points":59388,"number":59389,"overview-outlined":59390,"park-outlined":59391,"payment-summary-outlined":59392,"payslip-outlined":59393,"pencil-outlined":59394,"percentage":59395,"phone-outlined":59396,"piggy-bank-outlined":59397,"plane-outlined":59398,"play-circle-outlined":59399,"pound-box-outlined":59400,"pound-card-outlined":59401,"pound-coin-shine-outlined":59402,"pound-credit-card-outlined":59403,"print-outlined":59404,"profile-2user-outlined":59405,"propane-tank-outlined":59406,"qr-code-outlined":59407,"qualification-outlined":59408,"question-mark":59409,"re-assign":59410,"redeem":59411,"refresh":59412,"remove":59413,"reply-outlined":59414,"restart":59415,"restaurant-outlined":59416,"resume-outlined":59417,"return-arrow":59418,"rocket-launch-outlined":59419,"rostering-outlined":59420,"safety-outlined":59421,"save-outlined":59422,"schedule-outlined":59423,"search-outlined":59424,"search-secured-outlined":59425,"send-outlined":59426,"share-1":59427,"share-2":59428,"share-outlined-2":59429,"share-outlined":59430,"shield-check-outlined":59431,"shop-outlined":59432,"shopping_basket_outlined":59433,"show-chart-outlined":59434,"single-down-arrow":59435,"single-left-arrow":59436,"single-right-arrow":59437,"single-up-arrow":59438,"smart-match-outlined":59439,"sparkle-2-outlined":59440,"sparkle-outlined":59441,"speaker-active-outlined":59442,"speaker-outlined":59443,"star-circle-outlined":59444,"star-outlined":59445,"start-break-outlined":59446,"stash-outlined":59447,"stopwatch-outlined":59448,"strikethrough":59449,"styler-outlined":59450,"suitcase-clock-outlined":59451,"suitcase-outlined":59452,"survey-outlined":59453,"switch-outlined":59454,"sync":59455,"tag-outlined":59456,"target-outlined":59457,"tennis-outlined":59458,"thumb-down-outlined":59459,"thumb-up-outlined":59460,"ticket-outlined":59461,"timesheet-outlined":59462,"timesheets-outlined":59463,"today-outlined":59464,"transfer":59465,"transportation-outlined":59466,"trash-bin-outlined":59467,"umbrela-outlined":59468,"unavailability-outlined":59469,"unavailable":59470,"underline":59471,"union-outlined":59472,"unlock-outlined":59473,"upload-outlined":59474,"user-add-outlined":59475,"user-circle-outlined":59476,"user-gear-outlined":59477,"user-out-outlined":59478,"user-outlined":59479,"user-rectangle-outlined":59480,"video-1-outlined":59481,"video-2-outlined":59482,"volunteer-outlined":59483,"wallet-outlined":59484,"wellness-outlined":59485}

package/src/components/Icon/IconList.ts

@@ -351,6 +351,7 @@ const IconList = [
   'happy-sun-outlined',
   'health-bag-outlined',
   'heart-outlined',
+  'history-outlined',
   'home-active-outlined',
   'home-outlined',
   'id-card-outlined',

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/locales/types.ts

@@ -1,6 +1,4 @@
-const LOCALES = ['en-AU', 'en-CA'] as const;
-
-export type LocaleCode = typeof LOCALES[number];
+export type LocaleCode = 'en-AU' | 'en-CA';
 
 export type DateTimeFormats = {
   fullDate: string;

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/components/filterTrigger.ts

@@ -4,21 +4,19 @@ import type { GlobalTheme } from '../global';
 const getFilterTriggerTheme = (theme: GlobalTheme) => {
   const borderWidths = {
     wrapper: {
-      filled: theme.borderWidths.medium,
-      outlined: theme.borderWidths.medium,
+      filled: theme.borderWidths.base,
+      outlined: theme.borderWidths.base,
       ghost: 0,
     },
   };
   const colors = {
     wrapper: {
-      activeBackground: theme.colors.highlightedSurface,
-      inactiveBackground: theme.colors.neutralGlobalSurface,
       background: {
         active: {
           filled: theme.colors.highlightedSurface,
-          outlined: 'transparent',
-          ghost: 'transparent',
-          filledLabeless: theme.colors.neutralGlobalSurface,
+          outlined: theme.colors.highlightedSurface,
+          ghost: theme.colors.highlightedSurface,
+          filledLabeless: theme.colors.highlightedSurface,
         },
         inactive: {
           filled: theme.colors.neutralGlobalSurface,
@@ -29,13 +27,13 @@ const getFilterTriggerTheme = (theme: GlobalTheme) => {
       border: {
         active: {
           filled: theme.colors.highlightedSurface,
-          outlined: theme.colors.primaryOutline,
+          outlined: theme.colors.primary,
           ghost: 'transparent',
-          filledLabeless: theme.colors.neutralGlobalSurface,
+          filledLabeless: theme.colors.highlightedSurface,
         },
         inactive: {
           filled: theme.colors.neutralGlobalSurface,
-          outlined: theme.colors.secondaryOutline,
+          outlined: theme.colors.primary,
           ghost: 'transparent',
         },
       },

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;