@hero-design/rn 8.139.3 → 8.141.0

package/package.json

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

package/src/components/Confetti/Confetti.tsx

@@ -0,0 +1,239 @@
+import React, {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react';
+import {
+  AccessibilityInfo,
+  Animated,
+  StyleSheet,
+  useWindowDimensions,
+} from 'react-native';
+import type { LayoutChangeEvent } from 'react-native';
+
+import { useTheme } from '../../theme';
+import { computeXKeyframes } from './computeXKeyframes';
+
+const CONFETTI_MIN_SIZE = 4;
+const CONFETTI_MAX_SIZE = 20;
+const BATCH_SIZE = 10;
+const BATCH_DELAY_MS = 300;
+const FADE_OUT_MS = 500;
+const Y_START_OFFSET = -60;
+
+const styles = StyleSheet.create({
+  container: {
+    ...StyleSheet.absoluteFillObject,
+    overflow: 'hidden',
+  },
+  piece: {
+    position: 'absolute',
+    left: 0,
+    top: 0,
+  },
+});
+
+function randomBetween(min: number, max: number): number {
+  return Math.random() * (max - min) + min;
+}
+
+type PieceConfig = {
+  color: string;
+  size: number;
+  initialX: number;
+  xVel: number;
+  yVel: number;
+  angleVel: number;
+  delay: number;
+};
+
+type ConfettiPieceProps = PieceConfig & {
+  containerWidth: number;
+  duration: number;
+  onFinish: () => void;
+};
+
+const ConfettiPiece = ({
+  angleVel,
+  color,
+  containerWidth,
+  delay,
+  duration,
+  initialX,
+  onFinish,
+  size,
+  xVel,
+  yVel,
+}: ConfettiPieceProps) => {
+  const progress = useRef(new Animated.Value(0)).current;
+  const durationSeconds = duration / 1000;
+
+  const xKeyframes = useMemo(
+    () => computeXKeyframes(initialX, xVel, durationSeconds, containerWidth),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
+
+  const translateX = progress.interpolate({
+    inputRange: xKeyframes.inputRange,
+    outputRange: xKeyframes.outputRange,
+  });
+
+  const translateY = progress.interpolate({
+    inputRange: [0, 1],
+    outputRange: [Y_START_OFFSET, Y_START_OFFSET + yVel * durationSeconds],
+  });
+
+  const rotate = progress.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['0rad', `${angleVel * durationSeconds}rad`],
+  });
+
+  useEffect(() => {
+    Animated.sequence([
+      Animated.delay(delay),
+      Animated.timing(progress, {
+        toValue: 1,
+        duration,
+        useNativeDriver: true,
+      }),
+    ]).start(({ finished }) => {
+      if (finished) onFinish();
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return (
+    <Animated.View
+      style={[
+        styles.piece,
+        { width: size, height: size / 2, backgroundColor: color },
+        { transform: [{ translateX }, { translateY }, { rotate }] },
+      ]}
+    />
+  );
+};
+
+export type ShowConfettiConfig = {
+  /** Animation duration in milliseconds.
+   * @default 3000
+   */
+  duration?: number;
+  /** Number of confetti pieces to render.
+   * @default 80
+   */
+  numberOfPieces?: number;
+  /** Colors for confetti pieces. Defaults to theme primary and secondary colors. */
+  colors?: string[];
+};
+
+export type ConfettiProps = ShowConfettiConfig & {
+  /** Triggers the confetti burst animation when set to true */
+  run: boolean;
+  /** Called after all pieces have finished animating and faded out */
+  onFinish?: () => void;
+  testID?: string;
+};
+
+const Confetti = ({
+  colors: colorsProp,
+  numberOfPieces = 80,
+  duration = 3000,
+  onFinish,
+  run,
+  testID,
+}: ConfettiProps) => {
+  const theme = useTheme();
+  const { height: screenHeight } = useWindowDimensions();
+  const [isReducedMotion, setIsReducedMotion] = useState(false);
+  const [isVisible, setIsVisible] = useState(false);
+  const [containerWidth, setContainerWidth] = useState(0);
+  const containerOpacity = useRef(new Animated.Value(0)).current;
+  const finishedCount = useRef(0);
+  const pieces = useRef<PieceConfig[] | null>(null);
+
+  useEffect(() => {
+    AccessibilityInfo.isReduceMotionEnabled().then(setIsReducedMotion);
+    const sub = AccessibilityInfo.addEventListener(
+      'reduceMotionChanged',
+      setIsReducedMotion
+    );
+    return () => sub.remove();
+  }, []);
+
+  useEffect(() => {
+    if (run && !isReducedMotion && containerWidth > 0) {
+      const durationSeconds = duration / 1000;
+      const yVelMin = (screenHeight + 80) / durationSeconds;
+      const yVelMax = yVelMin * 1.5;
+      const colors = colorsProp ?? [
+        theme.colors.primary,
+        theme.colors.secondary,
+      ];
+      pieces.current = Array.from({ length: numberOfPieces }, (_, i) => ({
+        color: colors[i % colors.length],
+        size: Math.round(randomBetween(CONFETTI_MIN_SIZE, CONFETTI_MAX_SIZE)),
+        initialX: randomBetween(containerWidth * 0.2, containerWidth * 0.8),
+        xVel: randomBetween(-200, 200),
+        yVel: randomBetween(yVelMin, yVelMax),
+        angleVel: randomBetween(-Math.PI * 1.5, Math.PI * 1.5),
+        delay: Math.floor(i / BATCH_SIZE) * BATCH_DELAY_MS,
+      }));
+      finishedCount.current = 0;
+      containerOpacity.setValue(1);
+      setIsVisible(true);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [run, containerWidth]);
+
+  const handlePieceFinish = useCallback(() => {
+    finishedCount.current += 1;
+    if (finishedCount.current >= numberOfPieces) {
+      Animated.timing(containerOpacity, {
+        toValue: 0,
+        duration: FADE_OUT_MS,
+        useNativeDriver: true,
+      }).start(({ finished }) => {
+        if (finished) {
+          setIsVisible(false);
+          onFinish?.();
+        }
+      });
+    }
+  }, [containerOpacity, numberOfPieces, onFinish]);
+
+  const handleLayout = useCallback(({ nativeEvent }: LayoutChangeEvent) => {
+    const { width } = nativeEvent.layout;
+    if (width > 0) setContainerWidth(width);
+  }, []);
+
+  if (isReducedMotion) {
+    return null;
+  }
+
+  // Always render the container (when not in reduced motion) so onLayout fires and we know the real width.
+  // Visibility is controlled via opacity to avoid losing the measurement.
+  return (
+    <Animated.View
+      pointerEvents="none"
+      onLayout={handleLayout}
+      style={[styles.container, { opacity: isVisible ? containerOpacity : 0 }]}
+      testID={isVisible ? testID : undefined}
+    >
+      {isVisible &&
+        pieces.current?.map((piece, id) => (
+          <ConfettiPiece
+            key={id}
+            {...piece}
+            containerWidth={containerWidth}
+            duration={duration}
+            onFinish={handlePieceFinish}
+          />
+        ))}
+    </Animated.View>
+  );
+};
+
+export default Confetti;

package/src/components/Confetti/ConfettiProvider.tsx

@@ -0,0 +1,61 @@
+import React, {
+  createContext,
+  useCallback,
+  useMemo,
+  useRef,
+  useState,
+} from 'react';
+import type { PropsWithChildren } from 'react';
+
+import Confetti from './Confetti';
+import type { ShowConfettiConfig } from './Confetti';
+
+type ConfettiContextValue = {
+  showConfetti: (
+    config?: ShowConfettiConfig,
+    onFinished?: (isFinished: boolean) => void
+  ) => void;
+};
+
+export const ConfettiContext = createContext<ConfettiContextValue | null>(null);
+
+const ConfettiProvider = ({ children }: PropsWithChildren) => {
+  const [run, setRun] = useState(false);
+  const [callConfig, setCallConfig] = useState<
+    ShowConfettiConfig | undefined
+  >();
+  const onFinishedRef = useRef<((isFinished: boolean) => void) | undefined>(
+    undefined
+  );
+
+  const showConfetti = useCallback(
+    (
+      config?: ShowConfettiConfig,
+      onFinished?: (isFinished: boolean) => void
+    ) => {
+      setCallConfig(config);
+      onFinishedRef.current = onFinished;
+      setRun(true);
+    },
+    []
+  );
+
+  const handleFinish = useCallback(() => {
+    setRun(false);
+    onFinishedRef.current?.(true);
+  }, []);
+
+  const contextValue = useMemo<ConfettiContextValue>(
+    () => ({ showConfetti }),
+    [showConfetti]
+  );
+
+  return (
+    <ConfettiContext.Provider value={contextValue}>
+      {children}
+      <Confetti run={run} onFinish={handleFinish} {...callConfig} />
+    </ConfettiContext.Provider>
+  );
+};
+
+export default ConfettiProvider;

package/src/components/Confetti/computeXKeyframes.ts

@@ -0,0 +1,38 @@
+export function reflectX(rawX: number, width: number): number {
+  const period = 2 * width;
+  const modX = ((rawX % period) + period) % period;
+  return modX < width ? modX : period - modX;
+}
+
+/**
+ * Pre-computes the reflectX triangle-wave as interpolation keyframes.
+ * Run once in JS before animation starts; native driver handles per-frame lerp.
+ */
+export function computeXKeyframes(
+  initialX: number,
+  xVel: number,
+  durationSeconds: number,
+  width: number
+): { inputRange: number[]; outputRange: number[] } {
+  if (xVel === 0) {
+    return { inputRange: [0, 1], outputRange: [initialX, initialX] };
+  }
+  const rawEnd = initialX + xVel * durationSeconds;
+  const rawMin = Math.min(initialX, rawEnd);
+  const rawMax = Math.max(initialX, rawEnd);
+  const nMin = Math.ceil(rawMin / width);
+  const nMax = Math.floor(rawMax / width);
+
+  const times: number[] = [0];
+  for (let n = nMin; n <= nMax; n += 1) {
+    const t = (n * width - initialX) / xVel;
+    if (t > 0 && t < durationSeconds) times.push(t);
+  }
+  times.push(durationSeconds);
+  times.sort((a, b) => a - b);
+
+  return {
+    inputRange: times.map((t) => t / durationSeconds),
+    outputRange: times.map((t) => reflectX(initialX + xVel * t, width)),
+  };
+}

package/src/components/Confetti/index.tsx

@@ -0,0 +1,12 @@
+import ConfettiComponent from './Confetti';
+import ConfettiProvider from './ConfettiProvider';
+import useConfetti from './useConfetti';
+
+export type { ConfettiProps, ShowConfettiConfig } from './Confetti';
+
+const Confetti = Object.assign(ConfettiComponent, {
+  Provider: ConfettiProvider,
+  useConfetti,
+});
+
+export default Confetti;

package/src/components/Confetti/useConfetti.ts

@@ -0,0 +1,13 @@
+import { useContext } from 'react';
+
+import { ConfettiContext } from './ConfettiProvider';
+
+const useConfetti = () => {
+  const context = useContext(ConfettiContext);
+  if (!context) {
+    throw new Error('useConfetti must be used within a Confetti.Provider');
+  }
+  return context;
+};
+
+export default useConfetti;

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":59163,"star-award":59164,"star-badge":59165,"star-circle":59166,"star-medal":59167,"star":59168,"steps-circle":59169,"stopwatch":59170,"suitcase":59171,"surfing":59172,"survey":59173,"swag-pillar-benefit":59174,"swag-pillar-career":59175,"swag-pillar-money":59176,"swag-pillar-work":59177,"swag":59178,"swipe-right":59179,"switch":59180,"tag":59181,"target":59182,"teams":59183,"thumb-down":59184,"thumb-up":59185,"timesheet":59186,"touch-id":59187,"trash-bin":59188,"unlock":59189,"user":59190,"video-1":59191,"video-2":59192,"wallet":59193,"warning":59194,"academic-hat-outlined":59195,"accommodation-outlined":59196,"activate-outlined":59197,"add-credit-card-outlined":59198,"add-emoji-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,"archive-outlined":59211,"arrow-down":59212,"arrow-downwards":59213,"arrow-left":59214,"arrow-leftwards":59215,"arrow-right":59216,"arrow-rightwards":59217,"arrow-up":59218,"arrow-upwards":59219,"article-outlined":59220,"assignment-warning-outlined":59221,"at-sign":59222,"auto-graph-outlined":59223,"automotive-outlined":59224,"bakery-outlined":59225,"bank-outlined":59226,"bar-outlined":59227,"beauty-outlined":59228,"beer-outlined":59229,"bell-outlined":59230,"bell-slash-outlined":59231,"bill-management-outlined":59232,"billing-outlined":59233,"body-outlined":59234,"bold":59235,"bolt-outlined":59236,"book-outlined":59237,"bookmark-added-outlined":59238,"bookmark-checked-outlined":59239,"bookmark-outlined":59240,"box-1-outlined":59241,"box-check-outlined":59242,"box-outlined":59243,"bullet-points":59244,"cake-outlined":59245,"calculator-outlined":59246,"calendar-clock-outlined":59247,"calendar-dates-outlined":59248,"calendar-edit-outlined":59249,"calendar-outlined":59250,"calendar-star-outlined":59251,"call-outlined":59252,"call-split-outlined":59253,"camera-outlined":59254,"cancel":59255,"car-forward-outlined":59256,"cashback-outlined":59257,"charging-station-outlined":59258,"chat-bubble-outlined":59259,"chat-unread-outlined":59260,"checkmark":59261,"circle-add-outlined":59262,"circle-cancel-outlined":59263,"circle-check-outlined":59264,"circle-down-outlined":59265,"circle-info-outlined":59266,"circle-left-outlined":59267,"circle-ok-outlined":59268,"circle-question-outlined":59269,"circle-remove-outlined":59270,"circle-right-outlined":59271,"circle-up-outlined":59272,"circle-warning-outlined":59273,"clock-2-outlined":59274,"clock-3-outlined":59275,"clock-in-outlined":59276,"clock-out-outlined":59277,"clock-outlined":59278,"cloud-download-outlined":59279,"cog-outlined":59280,"coin-outlined":59281,"coin-super-outlined":59282,"comment-outlined":59283,"contacts-outlined":59284,"contacts-user-outlined":59285,"credit-card-outlined":59286,"cultural-site-outlined":59287,"cup-outlined":59288,"dentistry-outlined":59289,"diamond-outlined":59290,"direction-arrows-outlined":59291,"directory-outlined":59292,"document-outlined":59293,"dollar-box-outlined":59294,"dollar-card-outlined":59295,"dollar-coin-shine-outlined":59296,"dollar-credit-card-outlined":59297,"dollar-sign":59298,"double-buildings-outlined":59299,"double-left-arrows":59300,"double-right-arrows":59301,"download-box-outlined":59302,"download-outlined":59303,"edit-template-outlined":59304,"edit-user-outlined":59305,"electronics-outlined":59306,"email-outlined":59307,"end-break-outlined":59308,"enter-arrow":59309,"entertainment-outlined":59310,"envelope-outlined":59311,"evening-outlined":59312,"expense-approval-outlined":59313,"expense-outlined":59314,"explore-outlined":59315,"extension-outlined":59316,"external-link":59317,"eye-invisible-outlined":59318,"eye-outlined":59319,"face-id":59320,"face-meh-outlined":59321,"face-open-smiley-outlined":59322,"face-sad-outlined":59323,"face-smiley-outlined":59324,"fastfood-outlined":59325,"feed-outlined":59326,"feedbacks-outlined":59327,"file-certified-outlined":59328,"file-clone-outlined":59329,"file-copy-outlined":59330,"file-dispose-outlined":59331,"file-dollar-certified-outlined":59332,"file-dollar-outlined":59333,"file-download-outlined":59334,"file-export-outlined":59335,"file-lock-outlined":59336,"file-outlined":59337,"file-pound-outlined":59338,"file-search-outlined":59339,"file-secured-outlined":59340,"file-statutory-outlined":59341,"file-verified-outlined":59342,"filter-outlined":59343,"fitness-outlined":59344,"folder-outlined":59345,"folder-upload-outlined":59346,"folder-user-outlined":59347,"form-outlined":59348,"funnel-filter-outline":59349,"goal-outlined":59350,"graph-outlined":59351,"grocery-outlined":59352,"hand-holding-user-outlined":59353,"handshake-outlined":59354,"happy-sun-outlined":59355,"health-bag-outlined":59356,"heart-outlined":59357,"history-outlined":59358,"home-outlined":59359,"id-card-outlined":59360,"image-outlined":59361,"import-outlined":59362,"instapay-outlined":59363,"italic":59364,"job-search-outlined":59365,"leave-approval-outlined":59366,"lighting-outlined":59367,"link-1":59368,"link-2":59369,"list-outlined":59370,"live-help-outlined":59371,"local_mall_outlined":59372,"location-on-outlined":59373,"location-outlined":59374,"lock-outlined":59375,"locked-file-outlined":59376,"log-out":59377,"mail-outlined":59378,"map-outlined":59379,"media-content-outlined":59380,"menu-close":59381,"menu-expand":59382,"menu-fold-outlined":59383,"menu-unfold-outlined":59384,"mic-outlined":59385,"mic-slash-outlined":59386,"moneybag-outlined":59387,"moon-outlined":59388,"more-horizontal":59389,"more-vertical":59390,"morning-outlined":59391,"multiple-folders-outlined":59392,"multiple-users-outlined":59393,"near-me-outlined":59394,"node-outlined":59395,"number-points":59396,"number":59397,"overview-outlined":59398,"park-outlined":59399,"payment-summary-outlined":59400,"payslip-outlined":59401,"pencil-outlined":59402,"percentage":59403,"phone-outlined":59404,"piggy-bank-outlined":59405,"plane-outlined":59406,"play-circle-outlined":59407,"pound-box-outlined":59408,"pound-card-outlined":59409,"pound-coin-shine-outlined":59410,"pound-credit-card-outlined":59411,"print-outlined":59412,"profile-2user-outlined":59413,"propane-tank-outlined":59414,"qr-code-outlined":59415,"qualification-outlined":59416,"question-mark":59417,"raising-hands-outlined":59418,"re-assign":59419,"redeem":59420,"refresh":59421,"remove":59422,"reply-outlined":59423,"restart":59424,"restaurant-outlined":59425,"resume-outlined":59426,"return-arrow":59427,"rocket-launch-outlined":59428,"rostering-outlined":59429,"safety-outlined":59430,"save-outlined":59431,"schedule-outlined":59432,"schedule-send-outlined":59433,"search-outlined":59434,"search-secured-outlined":59435,"send-outlined":59436,"share-1":59437,"share-2":59438,"share-outlined-2":59439,"share-outlined":59440,"shield-check-outlined":59441,"shop-outlined":59442,"shopping_basket_outlined":59443,"show-chart-outlined":59444,"single-down-arrow":59445,"single-left-arrow":59446,"single-right-arrow":59447,"single-up-arrow":59448,"smart-match-outlined":59449,"sparkle-2-outlined":59450,"sparkle-outlined":59451,"speaker-outlined":59452,"star-award-outlined":59453,"star-badge-outlined":59454,"star-circle-outlined":59455,"star-medal-outlined":59456,"star-outlined":59457,"start-break-outlined":59458,"stash-outlined":59459,"stop-outlined":59460,"stopwatch-outlined":59461,"strikethrough":59462,"styler-outlined":59463,"suitcase-clock-outlined":59464,"suitcase-outlined":59465,"survey-outlined":59466,"switch-outlined":59467,"sync":59468,"tag-outlined":59469,"target-outlined":59470,"teams-outlined":59471,"tennis-outlined":59472,"thumb-down-outlined":59473,"thumb-up-outlined":59474,"ticket-outlined":59475,"timesheet-outlined":59476,"timesheets-outlined":59477,"today-outlined":59478,"transfer":59479,"transportation-outlined":59480,"trash-bin-outlined":59481,"umbrela-outlined":59482,"unavailability-outlined":59483,"unavailable":59484,"underline":59485,"union-outlined":59486,"unlock-outlined":59487,"upload-outlined":59488,"user-add-outlined":59489,"user-circle-outlined":59490,"user-gear-outlined":59491,"user-out-outlined":59492,"user-outlined":59493,"user-rectangle-outlined":59494,"video-1-outlined":59495,"video-2-outlined":59496,"volunteer-outlined":59497,"wallet-outlined":59498,"warning-outlined":59499,"wellness-outlined":59500}
+{"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":59163,"star-award":59164,"star-badge":59165,"star-circle":59166,"star-medal":59167,"star":59168,"steps-circle":59169,"stopwatch":59170,"suitcase":59171,"surfing":59172,"survey":59173,"swag-pillar-benefit":59174,"swag-pillar-career":59175,"swag-pillar-money":59176,"swag-pillar-work":59177,"swag":59178,"swipe-right":59179,"switch":59180,"tag":59181,"target":59182,"teams":59183,"thumb-down":59184,"thumb-up":59185,"timesheet":59186,"touch-id":59187,"trash-bin":59188,"unlock":59189,"user":59190,"video-1":59191,"video-2":59192,"wallet":59193,"warning":59194,"academic-hat-outlined":59195,"accommodation-outlined":59196,"activate-outlined":59197,"add-credit-card-outlined":59198,"add-emoji-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,"archive-outlined":59211,"arrow-down":59212,"arrow-downwards":59213,"arrow-left":59214,"arrow-leftwards":59215,"arrow-right":59216,"arrow-rightwards":59217,"arrow-up":59218,"arrow-upwards":59219,"article-outlined":59220,"assignment-warning-outlined":59221,"at-sign":59222,"auto-graph-outlined":59223,"automotive-outlined":59224,"bakery-outlined":59225,"bank-outlined":59226,"bar-outlined":59227,"beauty-outlined":59228,"beer-outlined":59229,"bell-outlined":59230,"bell-slash-outlined":59231,"bill-management-outlined":59232,"billing-outlined":59233,"body-outlined":59234,"bold":59235,"bolt-outlined":59236,"book-outlined":59237,"bookmark-added-outlined":59238,"bookmark-checked-outlined":59239,"bookmark-outlined":59240,"box-1-outlined":59241,"box-check-outlined":59242,"box-outlined":59243,"bullet-points":59244,"cake-outlined":59245,"calculator-outlined":59246,"calendar-clock-outlined":59247,"calendar-dates-outlined":59248,"calendar-edit-outlined":59249,"calendar-outlined":59250,"calendar-star-outlined":59251,"call-outlined":59252,"call-split-outlined":59253,"camera-outlined":59254,"cancel":59255,"car-forward-outlined":59256,"cashback-outlined":59257,"charging-station-outlined":59258,"chat-bubble-outlined":59259,"chat-unread-outlined":59260,"checkmark":59261,"circle-add-outlined":59262,"circle-cancel-outlined":59263,"circle-check-outlined":59264,"circle-down-outlined":59265,"circle-info-outlined":59266,"circle-left-outlined":59267,"circle-ok-outlined":59268,"circle-question-outlined":59269,"circle-remove-outlined":59270,"circle-right-outlined":59271,"circle-up-outlined":59272,"circle-warning-outlined":59273,"clock-2-outlined":59274,"clock-3-outlined":59275,"clock-in-outlined":59276,"clock-out-outlined":59277,"clock-outlined":59278,"cloud-download-outlined":59279,"cog-outlined":59280,"coin-outlined":59281,"coin-super-outlined":59282,"comment-outlined":59283,"contacts-outlined":59284,"contacts-user-outlined":59285,"credit-card-outlined":59286,"cultural-site-outlined":59287,"cup-outlined":59288,"dentistry-outlined":59289,"diamond-outlined":59290,"direction-arrows-outlined":59291,"directory-outlined":59292,"document-outlined":59293,"dollar-box-outlined":59294,"dollar-card-outlined":59295,"dollar-coin-shine-outlined":59296,"dollar-credit-card-outlined":59297,"dollar-sign":59298,"double-buildings-outlined":59299,"double-left-arrows":59300,"double-right-arrows":59301,"download-box-outlined":59302,"download-outlined":59303,"edit-template-outlined":59304,"edit-user-outlined":59305,"electronics-outlined":59306,"email-outlined":59307,"end-break-outlined":59308,"enter-arrow":59309,"entertainment-outlined":59310,"envelope-outlined":59311,"evening-outlined":59312,"expense-approval-outlined":59313,"expense-outlined":59314,"explore-outlined":59315,"extension-outlined":59316,"external-link":59317,"eye-invisible-outlined":59318,"eye-outlined":59319,"face-id":59320,"face-meh-outlined":59321,"face-open-smiley-outlined":59322,"face-sad-outlined":59323,"face-smiley-outlined":59324,"fastfood-outlined":59325,"feed-outlined":59326,"feedbacks-outlined":59327,"file-certified-outlined":59328,"file-clone-outlined":59329,"file-copy-outlined":59330,"file-dispose-outlined":59331,"file-dollar-certified-outlined":59332,"file-dollar-outlined":59333,"file-download-outlined":59334,"file-export-outlined":59335,"file-lock-outlined":59336,"file-outlined":59337,"file-pound-outlined":59338,"file-search-outlined":59339,"file-secured-outlined":59340,"file-statutory-outlined":59341,"file-verified-outlined":59342,"filter-outlined":59343,"fitness-outlined":59344,"folder-outlined":59345,"folder-upload-outlined":59346,"folder-user-outlined":59347,"form-outlined":59348,"funnel-filter-outline":59349,"goal-outlined":59350,"graph-outlined":59351,"grocery-outlined":59352,"hand-holding-user-outlined":59353,"handshake-outlined":59354,"happy-sun-outlined":59355,"health-bag-outlined":59356,"heart-outlined":59357,"history-outlined":59358,"home-outlined":59359,"id-card-outlined":59360,"image-outlined":59361,"import-outlined":59362,"instapay-outlined":59363,"italic":59364,"job-search-outlined":59365,"leave-approval-outlined":59366,"lighting-outlined":59367,"link-1":59368,"link-2":59369,"list-outlined":59370,"live-help-outlined":59371,"local_mall_outlined":59372,"location-on-outlined":59373,"location-outlined":59374,"lock-outlined":59375,"locked-file-outlined":59376,"log-out":59377,"mail-outlined":59378,"map-outlined":59379,"media-content-outlined":59380,"menu-close":59381,"menu-expand":59382,"menu-fold-outlined":59383,"menu-unfold-outlined":59384,"mic-outlined":59385,"mic-slash-outlined":59386,"mobile-outlined":59387,"moneybag-outlined":59388,"moon-outlined":59389,"more-horizontal":59390,"more-vertical":59391,"morning-outlined":59392,"multiple-folders-outlined":59393,"multiple-users-outlined":59394,"near-me-outlined":59395,"node-outlined":59396,"number-points":59397,"number":59398,"overview-outlined":59399,"park-outlined":59400,"payment-summary-outlined":59401,"payslip-outlined":59402,"pencil-outlined":59403,"percentage":59404,"phone-outlined":59405,"piggy-bank-outlined":59406,"plane-outlined":59407,"play-circle-outlined":59408,"pound-box-outlined":59409,"pound-card-outlined":59410,"pound-coin-shine-outlined":59411,"pound-credit-card-outlined":59412,"print-outlined":59413,"profile-2user-outlined":59414,"propane-tank-outlined":59415,"qr-code-outlined":59416,"qualification-outlined":59417,"question-mark":59418,"raising-hands-outlined":59419,"re-assign":59420,"redeem":59421,"refresh":59422,"remove":59423,"reply-outlined":59424,"restart":59425,"restaurant-outlined":59426,"resume-outlined":59427,"return-arrow":59428,"rocket-launch-outlined":59429,"rostering-outlined":59430,"safety-outlined":59431,"save-outlined":59432,"schedule-outlined":59433,"schedule-send-outlined":59434,"search-outlined":59435,"search-secured-outlined":59436,"send-outlined":59437,"share-1":59438,"share-2":59439,"share-outlined-2":59440,"share-outlined":59441,"shield-check-outlined":59442,"shop-outlined":59443,"shopping_basket_outlined":59444,"show-chart-outlined":59445,"single-down-arrow":59446,"single-left-arrow":59447,"single-right-arrow":59448,"single-up-arrow":59449,"smart-match-outlined":59450,"sparkle-2-outlined":59451,"sparkle-outlined":59452,"speaker-outlined":59453,"star-award-outlined":59454,"star-badge-outlined":59455,"star-circle-outlined":59456,"star-medal-outlined":59457,"star-outlined":59458,"start-break-outlined":59459,"stash-outlined":59460,"stop-outlined":59461,"stopwatch-outlined":59462,"strikethrough":59463,"styler-outlined":59464,"suitcase-clock-outlined":59465,"suitcase-outlined":59466,"survey-outlined":59467,"switch-outlined":59468,"sync":59469,"tablet-outlined":59470,"tag-outlined":59471,"target-outlined":59472,"teams-outlined":59473,"tennis-outlined":59474,"thumb-down-outlined":59475,"thumb-up-outlined":59476,"ticket-outlined":59477,"timesheet-outlined":59478,"timesheets-outlined":59479,"today-outlined":59480,"transfer":59481,"transportation-outlined":59482,"trash-bin-outlined":59483,"umbrela-outlined":59484,"unavailability-outlined":59485,"unavailable":59486,"underline":59487,"union-outlined":59488,"unlock-outlined":59489,"upload-outlined":59490,"user-add-outlined":59491,"user-circle-outlined":59492,"user-gear-outlined":59493,"user-out-outlined":59494,"user-outlined":59495,"user-rectangle-outlined":59496,"video-1-outlined":59497,"video-2-outlined":59498,"volunteer-outlined":59499,"wallet-outlined":59500,"warning-outlined":59501,"wellness-outlined":59502}

package/src/components/Icon/IconList.ts

@@ -387,6 +387,7 @@ const IconList = [
   'menu-unfold-outlined',
   'mic-outlined',
   'mic-slash-outlined',
+  'mobile-outlined',
   'moneybag-outlined',
   'moon-outlined',
   'more-horizontal',
@@ -469,6 +470,7 @@ const IconList = [
   'survey-outlined',
   'switch-outlined',
   'sync',
+  'tablet-outlined',
   'tag-outlined',
   'target-outlined',
   'teams-outlined',

package/src/components/Icon/index.tsx

@@ -74,6 +74,10 @@ const Icon = ({
     )} instead.`,
     icon.startsWith('carat')
   );
+  useDeprecation(
+    'charging-station-outlined icon is deprecated and will be removed in the next major release, please use mobile-outlined instead.',
+    icon === 'charging-station-outlined'
+  );
   const accessibilityProps = {
     accessibilityLabel,
     accessibilityHint,

package/src/components/Illustration/assets/Confetti.tsx

@@ -82,4 +82,6 @@ const Confetti = ({
   );
 };
 
+Confetti.displayName = 'ConfettiIllustration';
+
 export default Confetti;

package/src/index.ts

@@ -24,6 +24,8 @@ import type { ShadowPalette } from './theme';
 import { scale } from './utils/scale';
 
 import Accordion from './components/Accordion';
+import Confetti from './components/Confetti';
+import type { ConfettiProps } from './components/Confetti';
 import Alert from './components/Alert';
 import AppCue from './components/AppCue';
 import Attachment from './components/Attachment';
@@ -183,6 +185,8 @@ export {
   FilterTrigger,
   InlineLoader,
   type InlineLoaderProps,
+  Confetti,
+  type ConfettiProps,
   styled,
 };
 

package/types/components/Confetti/Confetti.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export type ShowConfettiConfig = {
+    /** Animation duration in milliseconds.
+     * @default 3000
+     */
+    duration?: number;
+    /** Number of confetti pieces to render.
+     * @default 80
+     */
+    numberOfPieces?: number;
+    /** Colors for confetti pieces. Defaults to theme primary and secondary colors. */
+    colors?: string[];
+};
+export type ConfettiProps = ShowConfettiConfig & {
+    /** Triggers the confetti burst animation when set to true */
+    run: boolean;
+    /** Called after all pieces have finished animating and faded out */
+    onFinish?: () => void;
+    testID?: string;
+};
+declare const Confetti: ({ colors: colorsProp, numberOfPieces, duration, onFinish, run, testID, }: ConfettiProps) => React.JSX.Element | null;
+export default Confetti;

package/types/components/Confetti/ConfettiProvider.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { PropsWithChildren } from 'react';
+import type { ShowConfettiConfig } from './Confetti';
+type ConfettiContextValue = {
+    showConfetti: (config?: ShowConfettiConfig, onFinished?: (isFinished: boolean) => void) => void;
+};
+export declare const ConfettiContext: React.Context<ConfettiContextValue | null>;
+declare const ConfettiProvider: ({ children }: PropsWithChildren) => React.JSX.Element;
+export default ConfettiProvider;

package/types/components/Confetti/computeXKeyframes.d.ts

@@ -0,0 +1,9 @@
+export declare function reflectX(rawX: number, width: number): number;
+/**
+ * Pre-computes the reflectX triangle-wave as interpolation keyframes.
+ * Run once in JS before animation starts; native driver handles per-frame lerp.
+ */
+export declare function computeXKeyframes(initialX: number, xVel: number, durationSeconds: number, width: number): {
+    inputRange: number[];
+    outputRange: number[];
+};

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

@@ -0,0 +1,8 @@
+export type { ConfettiProps, ShowConfettiConfig } from './Confetti';
+declare const Confetti: (({ colors: colorsProp, numberOfPieces, duration, onFinish, run, testID, }: import("./Confetti").ConfettiProps) => import("react").JSX.Element | null) & {
+    Provider: ({ children }: import("react").PropsWithChildren) => import("react").JSX.Element;
+    useConfetti: () => {
+        showConfetti: (config?: import("./Confetti").ShowConfettiConfig, onFinished?: (isFinished: boolean) => void) => void;
+    };
+};
+export default Confetti;

package/types/components/Confetti/useConfetti.d.ts

@@ -0,0 +1,4 @@
+declare const useConfetti: () => {
+    showConfetti: (config?: import("./Confetti").ShowConfettiConfig, onFinished?: (isFinished: boolean) => void) => void;
+};
+export default useConfetti;

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

@@ -1,2 +1,2 @@
-declare const IconList: readonly ["activate", "add-emoji", "add-person", "adjustment", "alignment", "antenna", "archive", "assignment-warning", "bank", "bell", "billing", "bolt", "bookmark-added", "bookmark-checked", "bookmark", "box-check", "box", "bpay", "buildings", "cake", "calendar-clock", "calendar", "candy-box-menu", "caret-down-small", "caret-down", "caret-left-small", "caret-left", "caret-right-small", "caret-right", "caret-up-small", "caret-up", "check-radio", "circle-add", "circle-cancel", "circle-check", "circle-down", "circle-info", "circle-left", "circle-ok", "circle-pencil", "circle-question", "circle-remove", "circle-right", "circle-up", "circle-warning", "clock-3", "clock", "cloud-download", "cloud-upload", "cog", "coin", "contacts", "credit-card", "diamond", "direction-arrows", "directory", "document", "dollar-coin-shine", "dot", "double-buildings", "edit-template", "envelope", "exclude", "expand-content", "expense", "explore_nearby", "eye-circle", "eye-invisible", "eye", "face-meh", "face-sad", "face-smiley", "feed", "feedbacks", "file-certified", "file-clone", "file-copy", "file-csv", "file-dispose", "file-doc", "file-excel", "file-export", "file-lock", "file-pdf", "file-powerpoint", "file-search", "file-secured", "file-sheets", "file-slide", "file-verified", "file-word", "file", "filter", "folder-user", "folder", "format-bold", "format-heading1", "format-heading2", "format-italic", "format-list-bulleted", "format-list-numbered", "format-underlined", "funnel-filter", "global-dollar", "global-pound", "globe", "graduation-cap", "graph", "happy-sun", "health-bag", "heart", "hero-points", "home", "image", "import", "incident-siren", "instapay-daily", "instapay-now", "instapay", "list", "loading-2", "loading", "location-on", "location", "lock", "looks-one", "looks-two", "media-content", "menu", "money-notes", "moneybag", "moon", "multiple-stars", "multiple-users", "near-me", "node", "open-folder", "paperclip-vertical", "paperclip", "payment-summary", "pencil", "phone", "piggy-bank", "plane-up", "plane", "play-arrow", "play-circle", "pound-coin-shine", "pound-sign", "print", "raising-hands", "reply-arrow", "reply", "reschedule", "rocket-launch", "rostering", "salary-sacrifice", "save", "schedule-send", "schedule", "search-person", "search", "send", "speaker", "star-award", "star-badge", "star-circle", "star-medal", "star", "steps-circle", "stopwatch", "suitcase", "surfing", "survey", "swag-pillar-benefit", "swag-pillar-career", "swag-pillar-money", "swag-pillar-work", "swag", "swipe-right", "switch", "tag", "target", "teams", "thumb-down", "thumb-up", "timesheet", "touch-id", "trash-bin", "unlock", "user", "video-1", "video-2", "wallet", "warning", "academic-hat-outlined", "accommodation-outlined", "activate-outlined", "add-credit-card-outlined", "add-emoji-outlined", "add-person-outlined", "add-section-outlined", "add-time-outlined", "add", "adjustment-outlined", "afternoon-outlined", "ai-outlined", "alignment-2-outlined", "alignment-outlined", "all-caps", "application-outlined", "archive-outlined", "arrow-down", "arrow-downwards", "arrow-left", "arrow-leftwards", "arrow-right", "arrow-rightwards", "arrow-up", "arrow-upwards", "article-outlined", "assignment-warning-outlined", "at-sign", "auto-graph-outlined", "automotive-outlined", "bakery-outlined", "bank-outlined", "bar-outlined", "beauty-outlined", "beer-outlined", "bell-outlined", "bell-slash-outlined", "bill-management-outlined", "billing-outlined", "body-outlined", "bold", "bolt-outlined", "book-outlined", "bookmark-added-outlined", "bookmark-checked-outlined", "bookmark-outlined", "box-1-outlined", "box-check-outlined", "box-outlined", "bullet-points", "cake-outlined", "calculator-outlined", "calendar-clock-outlined", "calendar-dates-outlined", "calendar-edit-outlined", "calendar-outlined", "calendar-star-outlined", "call-outlined", "call-split-outlined", "camera-outlined", "cancel", "car-forward-outlined", "cashback-outlined", "charging-station-outlined", "chat-bubble-outlined", "chat-unread-outlined", "checkmark", "circle-add-outlined", "circle-cancel-outlined", "circle-check-outlined", "circle-down-outlined", "circle-info-outlined", "circle-left-outlined", "circle-ok-outlined", "circle-question-outlined", "circle-remove-outlined", "circle-right-outlined", "circle-up-outlined", "circle-warning-outlined", "clock-2-outlined", "clock-3-outlined", "clock-in-outlined", "clock-out-outlined", "clock-outlined", "cloud-download-outlined", "cog-outlined", "coin-outlined", "coin-super-outlined", "comment-outlined", "contacts-outlined", "contacts-user-outlined", "credit-card-outlined", "cultural-site-outlined", "cup-outlined", "dentistry-outlined", "diamond-outlined", "direction-arrows-outlined", "directory-outlined", "document-outlined", "dollar-box-outlined", "dollar-card-outlined", "dollar-coin-shine-outlined", "dollar-credit-card-outlined", "dollar-sign", "double-buildings-outlined", "double-left-arrows", "double-right-arrows", "download-box-outlined", "download-outlined", "edit-template-outlined", "edit-user-outlined", "electronics-outlined", "email-outlined", "end-break-outlined", "enter-arrow", "entertainment-outlined", "envelope-outlined", "evening-outlined", "expense-approval-outlined", "expense-outlined", "explore-outlined", "extension-outlined", "external-link", "eye-invisible-outlined", "eye-outlined", "face-id", "face-meh-outlined", "face-open-smiley-outlined", "face-sad-outlined", "face-smiley-outlined", "fastfood-outlined", "feed-outlined", "feedbacks-outlined", "file-certified-outlined", "file-clone-outlined", "file-copy-outlined", "file-dispose-outlined", "file-dollar-certified-outlined", "file-dollar-outlined", "file-download-outlined", "file-export-outlined", "file-lock-outlined", "file-outlined", "file-pound-outlined", "file-search-outlined", "file-secured-outlined", "file-statutory-outlined", "file-verified-outlined", "filter-outlined", "fitness-outlined", "folder-outlined", "folder-upload-outlined", "folder-user-outlined", "form-outlined", "funnel-filter-outline", "goal-outlined", "graph-outlined", "grocery-outlined", "hand-holding-user-outlined", "handshake-outlined", "happy-sun-outlined", "health-bag-outlined", "heart-outlined", "history-outlined", "home-outlined", "id-card-outlined", "image-outlined", "import-outlined", "instapay-outlined", "italic", "job-search-outlined", "leave-approval-outlined", "lighting-outlined", "link-1", "link-2", "list-outlined", "live-help-outlined", "local_mall_outlined", "location-on-outlined", "location-outlined", "lock-outlined", "locked-file-outlined", "log-out", "mail-outlined", "map-outlined", "media-content-outlined", "menu-close", "menu-expand", "menu-fold-outlined", "menu-unfold-outlined", "mic-outlined", "mic-slash-outlined", "moneybag-outlined", "moon-outlined", "more-horizontal", "more-vertical", "morning-outlined", "multiple-folders-outlined", "multiple-users-outlined", "near-me-outlined", "node-outlined", "number-points", "number", "overview-outlined", "park-outlined", "payment-summary-outlined", "payslip-outlined", "pencil-outlined", "percentage", "phone-outlined", "piggy-bank-outlined", "plane-outlined", "play-circle-outlined", "pound-box-outlined", "pound-card-outlined", "pound-coin-shine-outlined", "pound-credit-card-outlined", "print-outlined", "profile-2user-outlined", "propane-tank-outlined", "qr-code-outlined", "qualification-outlined", "question-mark", "raising-hands-outlined", "re-assign", "redeem", "refresh", "remove", "reply-outlined", "restart", "restaurant-outlined", "resume-outlined", "return-arrow", "rocket-launch-outlined", "rostering-outlined", "safety-outlined", "save-outlined", "schedule-outlined", "schedule-send-outlined", "search-outlined", "search-secured-outlined", "send-outlined", "share-1", "share-2", "share-outlined-2", "share-outlined", "shield-check-outlined", "shop-outlined", "shopping_basket_outlined", "show-chart-outlined", "single-down-arrow", "single-left-arrow", "single-right-arrow", "single-up-arrow", "smart-match-outlined", "sparkle-2-outlined", "sparkle-outlined", "speaker-outlined", "star-award-outlined", "star-badge-outlined", "star-circle-outlined", "star-medal-outlined", "star-outlined", "start-break-outlined", "stash-outlined", "stop-outlined", "stopwatch-outlined", "strikethrough", "styler-outlined", "suitcase-clock-outlined", "suitcase-outlined", "survey-outlined", "switch-outlined", "sync", "tag-outlined", "target-outlined", "teams-outlined", "tennis-outlined", "thumb-down-outlined", "thumb-up-outlined", "ticket-outlined", "timesheet-outlined", "timesheets-outlined", "today-outlined", "transfer", "transportation-outlined", "trash-bin-outlined", "umbrela-outlined", "unavailability-outlined", "unavailable", "underline", "union-outlined", "unlock-outlined", "upload-outlined", "user-add-outlined", "user-circle-outlined", "user-gear-outlined", "user-out-outlined", "user-outlined", "user-rectangle-outlined", "video-1-outlined", "video-2-outlined", "volunteer-outlined", "wallet-outlined", "warning-outlined", "wellness-outlined"];
+declare const IconList: readonly ["activate", "add-emoji", "add-person", "adjustment", "alignment", "antenna", "archive", "assignment-warning", "bank", "bell", "billing", "bolt", "bookmark-added", "bookmark-checked", "bookmark", "box-check", "box", "bpay", "buildings", "cake", "calendar-clock", "calendar", "candy-box-menu", "caret-down-small", "caret-down", "caret-left-small", "caret-left", "caret-right-small", "caret-right", "caret-up-small", "caret-up", "check-radio", "circle-add", "circle-cancel", "circle-check", "circle-down", "circle-info", "circle-left", "circle-ok", "circle-pencil", "circle-question", "circle-remove", "circle-right", "circle-up", "circle-warning", "clock-3", "clock", "cloud-download", "cloud-upload", "cog", "coin", "contacts", "credit-card", "diamond", "direction-arrows", "directory", "document", "dollar-coin-shine", "dot", "double-buildings", "edit-template", "envelope", "exclude", "expand-content", "expense", "explore_nearby", "eye-circle", "eye-invisible", "eye", "face-meh", "face-sad", "face-smiley", "feed", "feedbacks", "file-certified", "file-clone", "file-copy", "file-csv", "file-dispose", "file-doc", "file-excel", "file-export", "file-lock", "file-pdf", "file-powerpoint", "file-search", "file-secured", "file-sheets", "file-slide", "file-verified", "file-word", "file", "filter", "folder-user", "folder", "format-bold", "format-heading1", "format-heading2", "format-italic", "format-list-bulleted", "format-list-numbered", "format-underlined", "funnel-filter", "global-dollar", "global-pound", "globe", "graduation-cap", "graph", "happy-sun", "health-bag", "heart", "hero-points", "home", "image", "import", "incident-siren", "instapay-daily", "instapay-now", "instapay", "list", "loading-2", "loading", "location-on", "location", "lock", "looks-one", "looks-two", "media-content", "menu", "money-notes", "moneybag", "moon", "multiple-stars", "multiple-users", "near-me", "node", "open-folder", "paperclip-vertical", "paperclip", "payment-summary", "pencil", "phone", "piggy-bank", "plane-up", "plane", "play-arrow", "play-circle", "pound-coin-shine", "pound-sign", "print", "raising-hands", "reply-arrow", "reply", "reschedule", "rocket-launch", "rostering", "salary-sacrifice", "save", "schedule-send", "schedule", "search-person", "search", "send", "speaker", "star-award", "star-badge", "star-circle", "star-medal", "star", "steps-circle", "stopwatch", "suitcase", "surfing", "survey", "swag-pillar-benefit", "swag-pillar-career", "swag-pillar-money", "swag-pillar-work", "swag", "swipe-right", "switch", "tag", "target", "teams", "thumb-down", "thumb-up", "timesheet", "touch-id", "trash-bin", "unlock", "user", "video-1", "video-2", "wallet", "warning", "academic-hat-outlined", "accommodation-outlined", "activate-outlined", "add-credit-card-outlined", "add-emoji-outlined", "add-person-outlined", "add-section-outlined", "add-time-outlined", "add", "adjustment-outlined", "afternoon-outlined", "ai-outlined", "alignment-2-outlined", "alignment-outlined", "all-caps", "application-outlined", "archive-outlined", "arrow-down", "arrow-downwards", "arrow-left", "arrow-leftwards", "arrow-right", "arrow-rightwards", "arrow-up", "arrow-upwards", "article-outlined", "assignment-warning-outlined", "at-sign", "auto-graph-outlined", "automotive-outlined", "bakery-outlined", "bank-outlined", "bar-outlined", "beauty-outlined", "beer-outlined", "bell-outlined", "bell-slash-outlined", "bill-management-outlined", "billing-outlined", "body-outlined", "bold", "bolt-outlined", "book-outlined", "bookmark-added-outlined", "bookmark-checked-outlined", "bookmark-outlined", "box-1-outlined", "box-check-outlined", "box-outlined", "bullet-points", "cake-outlined", "calculator-outlined", "calendar-clock-outlined", "calendar-dates-outlined", "calendar-edit-outlined", "calendar-outlined", "calendar-star-outlined", "call-outlined", "call-split-outlined", "camera-outlined", "cancel", "car-forward-outlined", "cashback-outlined", "charging-station-outlined", "chat-bubble-outlined", "chat-unread-outlined", "checkmark", "circle-add-outlined", "circle-cancel-outlined", "circle-check-outlined", "circle-down-outlined", "circle-info-outlined", "circle-left-outlined", "circle-ok-outlined", "circle-question-outlined", "circle-remove-outlined", "circle-right-outlined", "circle-up-outlined", "circle-warning-outlined", "clock-2-outlined", "clock-3-outlined", "clock-in-outlined", "clock-out-outlined", "clock-outlined", "cloud-download-outlined", "cog-outlined", "coin-outlined", "coin-super-outlined", "comment-outlined", "contacts-outlined", "contacts-user-outlined", "credit-card-outlined", "cultural-site-outlined", "cup-outlined", "dentistry-outlined", "diamond-outlined", "direction-arrows-outlined", "directory-outlined", "document-outlined", "dollar-box-outlined", "dollar-card-outlined", "dollar-coin-shine-outlined", "dollar-credit-card-outlined", "dollar-sign", "double-buildings-outlined", "double-left-arrows", "double-right-arrows", "download-box-outlined", "download-outlined", "edit-template-outlined", "edit-user-outlined", "electronics-outlined", "email-outlined", "end-break-outlined", "enter-arrow", "entertainment-outlined", "envelope-outlined", "evening-outlined", "expense-approval-outlined", "expense-outlined", "explore-outlined", "extension-outlined", "external-link", "eye-invisible-outlined", "eye-outlined", "face-id", "face-meh-outlined", "face-open-smiley-outlined", "face-sad-outlined", "face-smiley-outlined", "fastfood-outlined", "feed-outlined", "feedbacks-outlined", "file-certified-outlined", "file-clone-outlined", "file-copy-outlined", "file-dispose-outlined", "file-dollar-certified-outlined", "file-dollar-outlined", "file-download-outlined", "file-export-outlined", "file-lock-outlined", "file-outlined", "file-pound-outlined", "file-search-outlined", "file-secured-outlined", "file-statutory-outlined", "file-verified-outlined", "filter-outlined", "fitness-outlined", "folder-outlined", "folder-upload-outlined", "folder-user-outlined", "form-outlined", "funnel-filter-outline", "goal-outlined", "graph-outlined", "grocery-outlined", "hand-holding-user-outlined", "handshake-outlined", "happy-sun-outlined", "health-bag-outlined", "heart-outlined", "history-outlined", "home-outlined", "id-card-outlined", "image-outlined", "import-outlined", "instapay-outlined", "italic", "job-search-outlined", "leave-approval-outlined", "lighting-outlined", "link-1", "link-2", "list-outlined", "live-help-outlined", "local_mall_outlined", "location-on-outlined", "location-outlined", "lock-outlined", "locked-file-outlined", "log-out", "mail-outlined", "map-outlined", "media-content-outlined", "menu-close", "menu-expand", "menu-fold-outlined", "menu-unfold-outlined", "mic-outlined", "mic-slash-outlined", "mobile-outlined", "moneybag-outlined", "moon-outlined", "more-horizontal", "more-vertical", "morning-outlined", "multiple-folders-outlined", "multiple-users-outlined", "near-me-outlined", "node-outlined", "number-points", "number", "overview-outlined", "park-outlined", "payment-summary-outlined", "payslip-outlined", "pencil-outlined", "percentage", "phone-outlined", "piggy-bank-outlined", "plane-outlined", "play-circle-outlined", "pound-box-outlined", "pound-card-outlined", "pound-coin-shine-outlined", "pound-credit-card-outlined", "print-outlined", "profile-2user-outlined", "propane-tank-outlined", "qr-code-outlined", "qualification-outlined", "question-mark", "raising-hands-outlined", "re-assign", "redeem", "refresh", "remove", "reply-outlined", "restart", "restaurant-outlined", "resume-outlined", "return-arrow", "rocket-launch-outlined", "rostering-outlined", "safety-outlined", "save-outlined", "schedule-outlined", "schedule-send-outlined", "search-outlined", "search-secured-outlined", "send-outlined", "share-1", "share-2", "share-outlined-2", "share-outlined", "shield-check-outlined", "shop-outlined", "shopping_basket_outlined", "show-chart-outlined", "single-down-arrow", "single-left-arrow", "single-right-arrow", "single-up-arrow", "smart-match-outlined", "sparkle-2-outlined", "sparkle-outlined", "speaker-outlined", "star-award-outlined", "star-badge-outlined", "star-circle-outlined", "star-medal-outlined", "star-outlined", "start-break-outlined", "stash-outlined", "stop-outlined", "stopwatch-outlined", "strikethrough", "styler-outlined", "suitcase-clock-outlined", "suitcase-outlined", "survey-outlined", "switch-outlined", "sync", "tablet-outlined", "tag-outlined", "target-outlined", "teams-outlined", "tennis-outlined", "thumb-down-outlined", "thumb-up-outlined", "ticket-outlined", "timesheet-outlined", "timesheets-outlined", "today-outlined", "transfer", "transportation-outlined", "trash-bin-outlined", "umbrela-outlined", "unavailability-outlined", "unavailable", "underline", "union-outlined", "unlock-outlined", "upload-outlined", "user-add-outlined", "user-circle-outlined", "user-gear-outlined", "user-out-outlined", "user-outlined", "user-rectangle-outlined", "video-1-outlined", "video-2-outlined", "volunteer-outlined", "wallet-outlined", "warning-outlined", "wellness-outlined"];
 export default IconList;