@hero-design/rn 8.9.1 → 8.11.0

package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap

@@ -181,7 +181,7 @@ exports[`LabelInsideTextInput renders correctly with themeVariant default 1`] =
           "alignItems": "center",
           "color": "#001f23",
           "fontSize": 14,
-          "lineHeight": 18,
+          "marginTop": -2,
           "textAlignVertical": "center",
         },
         undefined,
@@ -215,7 +215,7 @@ exports[`LabelInsideTextInput renders correctly with themeVariant disabled 1`] =
           "alignItems": "center",
           "color": "#bfc1c5",
           "fontSize": 14,
-          "lineHeight": 18,
+          "marginTop": -2,
           "textAlignVertical": "center",
         },
         undefined,
@@ -249,7 +249,7 @@ exports[`LabelInsideTextInput renders correctly with themeVariant error 1`] = `
           "alignItems": "center",
           "color": "#001f23",
           "fontSize": 14,
-          "lineHeight": 18,
+          "marginTop": -2,
           "textAlignVertical": "center",
         },
         undefined,
@@ -283,7 +283,7 @@ exports[`LabelInsideTextInput renders correctly with themeVariant filled 1`] = `
           "alignItems": "center",
           "color": "#001f23",
           "fontSize": 14,
-          "lineHeight": 18,
+          "marginTop": -2,
           "textAlignVertical": "center",
         },
         undefined,
@@ -317,7 +317,7 @@ exports[`LabelInsideTextInput renders correctly with themeVariant readonly 1`] =
           "alignItems": "center",
           "color": "#808f91",
           "fontSize": 14,
-          "lineHeight": 18,
+          "marginTop": -2,
           "textAlignVertical": "center",
         },
         undefined,
@@ -875,7 +875,6 @@ exports[`StyledTextInput renders correctly 1`] = `
         "alignSelf": "stretch",
         "flexGrow": 2,
         "fontSize": 14,
-        "lineHeight": 18,
         "marginHorizontal": 8,
         "paddingVertical": 0,
         "textAlignVertical": "center",

package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap

@@ -163,7 +163,6 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontSize": 14,
-              "lineHeight": 18,
               "marginHorizontal": 8,
               "paddingVertical": 0,
               "textAlignVertical": "center",
@@ -426,7 +425,6 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontSize": 14,
-              "lineHeight": 18,
               "marginHorizontal": 8,
               "paddingVertical": 0,
               "textAlignVertical": "center",
@@ -674,7 +672,6 @@ exports[`TextInput disabled renders correctly 1`] = `
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontSize": 14,
-              "lineHeight": 18,
               "marginHorizontal": 8,
               "paddingVertical": 0,
               "textAlignVertical": "center",
@@ -849,7 +846,7 @@ exports[`TextInput error renders correctly 1`] = `
                   "alignItems": "center",
                   "color": "#001f23",
                   "fontSize": 14,
-                  "lineHeight": 18,
+                  "marginTop": -2,
                   "textAlignVertical": "center",
                 },
                 undefined,
@@ -883,7 +880,6 @@ exports[`TextInput error renders correctly 1`] = `
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontSize": 14,
-              "lineHeight": 18,
               "marginHorizontal": 8,
               "paddingVertical": 0,
               "textAlignVertical": "center",
@@ -1117,7 +1113,6 @@ exports[`TextInput filled renders correctly 1`] = `
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontSize": 14,
-              "lineHeight": 18,
               "marginHorizontal": 8,
               "paddingVertical": 0,
               "textAlignVertical": "center",
@@ -1307,7 +1302,7 @@ exports[`TextInput helper text renders correctly 1`] = `
                   "alignItems": "center",
                   "color": "#001f23",
                   "fontSize": 14,
-                  "lineHeight": 18,
+                  "marginTop": -2,
                   "textAlignVertical": "center",
                 },
                 undefined,
@@ -1341,7 +1336,6 @@ exports[`TextInput helper text renders correctly 1`] = `
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontSize": 14,
-              "lineHeight": 18,
               "marginHorizontal": 8,
               "paddingVertical": 0,
               "textAlignVertical": "center",
@@ -1517,7 +1511,7 @@ exports[`TextInput idle renders correctly 1`] = `
                   "alignItems": "center",
                   "color": "#001f23",
                   "fontSize": 14,
-                  "lineHeight": 18,
+                  "marginTop": -2,
                   "textAlignVertical": "center",
                 },
                 undefined,
@@ -1551,7 +1545,6 @@ exports[`TextInput idle renders correctly 1`] = `
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontSize": 14,
-              "lineHeight": 18,
               "marginHorizontal": 8,
               "paddingVertical": 0,
               "textAlignVertical": "center",
@@ -1740,7 +1733,7 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
                   "alignItems": "center",
                   "color": "#001f23",
                   "fontSize": 14,
-                  "lineHeight": 18,
+                  "marginTop": -2,
                   "textAlignVertical": "center",
                 },
                 undefined,
@@ -1774,7 +1767,6 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontSize": 14,
-              "lineHeight": 18,
               "marginHorizontal": 8,
               "paddingVertical": 0,
               "textAlignVertical": "center",
@@ -1921,7 +1913,6 @@ exports[`TextInput loading renders correctly 1`] = `
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontSize": 14,
-              "lineHeight": 18,
               "marginHorizontal": 8,
               "paddingVertical": 0,
               "textAlignVertical": "center",
@@ -2137,7 +2128,6 @@ exports[`TextInput max length renders correctly 1`] = `
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontSize": 14,
-              "lineHeight": 18,
               "marginHorizontal": 8,
               "paddingVertical": 0,
               "textAlignVertical": "center",
@@ -2405,7 +2395,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
                   "alignItems": "center",
                   "color": "#001f23",
                   "fontSize": 14,
-                  "lineHeight": 18,
+                  "marginTop": -2,
                   "textAlignVertical": "center",
                 },
                 undefined,
@@ -2439,7 +2429,6 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontSize": 14,
-              "lineHeight": 18,
               "marginHorizontal": 8,
               "paddingVertical": 0,
               "textAlignVertical": "center",
@@ -2666,7 +2655,6 @@ exports[`TextInput readonly renders correctly 1`] = `
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontSize": 14,
-              "lineHeight": 18,
               "marginHorizontal": 8,
               "paddingVertical": 0,
               "textAlignVertical": "center",
@@ -2842,7 +2830,6 @@ exports[`TextInput ref ref methods work correctly 1`] = `
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontSize": 14,
-              "lineHeight": 18,
               "marginHorizontal": 8,
               "paddingVertical": 0,
               "textAlignVertical": "center",
@@ -3017,7 +3004,7 @@ exports[`TextInput required renders correctly 1`] = `
                   "alignItems": "center",
                   "color": "#001f23",
                   "fontSize": 14,
-                  "lineHeight": 18,
+                  "marginTop": -2,
                   "textAlignVertical": "center",
                 },
                 undefined,
@@ -3051,7 +3038,6 @@ exports[`TextInput required renders correctly 1`] = `
               "alignSelf": "stretch",
               "flexGrow": 2,
               "fontSize": 14,
-              "lineHeight": 18,
               "marginHorizontal": 8,
               "paddingVertical": 0,
               "textAlignVertical": "center",

package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap

@@ -146,7 +146,6 @@ exports[`TimePickerAndroid renders correct with hide suffix 1`] = `
                   "alignSelf": "stretch",
                   "flexGrow": 2,
                   "fontSize": 14,
-                  "lineHeight": 18,
                   "marginHorizontal": 8,
                   "paddingVertical": 0,
                   "textAlignVertical": "center",
@@ -361,7 +360,6 @@ exports[`TimePickerAndroid renders correctly 1`] = `
                   "alignSelf": "stretch",
                   "flexGrow": 2,
                   "fontSize": 14,
-                  "lineHeight": 18,
                   "marginHorizontal": 8,
                   "paddingVertical": 0,
                   "textAlignVertical": "center",

package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap

@@ -146,7 +146,6 @@ exports[`TimePickerIOS renders correct with hide suffix 1`] = `
                   "alignSelf": "stretch",
                   "flexGrow": 2,
                   "fontSize": 14,
-                  "lineHeight": 18,
                   "marginHorizontal": 8,
                   "paddingVertical": 0,
                   "textAlignVertical": "center",
@@ -361,7 +360,6 @@ exports[`TimePickerIOS renders correctly 1`] = `
                   "alignSelf": "stretch",
                   "flexGrow": 2,
                   "fontSize": 14,
-                  "lineHeight": 18,
                   "marginHorizontal": 8,
                   "paddingVertical": 0,
                   "textAlignVertical": "center",

package/src/theme/__tests__/__snapshots__/index.spec.ts.snap

@@ -253,6 +253,29 @@ Object {
         "indicatorWidth": 16,
       },
     },
+    "cardCarousel": Object {
+      "colors": Object {
+        "carouselItemBackground": "#f6f6f7",
+        "shadow": "#001f23",
+      },
+      "radii": Object {
+        "card": 8,
+      },
+      "shadows": Object {
+        "elevation": 4,
+        "offset": Object {
+          "height": 2,
+          "width": 0,
+        },
+        "opacity": 0.12,
+        "radius": 8,
+      },
+      "space": Object {
+        "carouselItemSpacing": 8,
+        "contentContainerPaddingHorizontal": 24,
+        "pageControlMarginTop": 16,
+      },
+    },
     "carousel": Object {
       "fontSizes": Object {
         "heading": 32,
@@ -837,10 +860,6 @@ Object {
         "maxLength": 12,
         "text": 14,
       },
-      "lineHeights": Object {
-        "labelInsideTextInput": 18,
-        "text": 18,
-      },
       "radii": Object {
         "container": 8,
       },
@@ -855,6 +874,7 @@ Object {
         "errorMarginLeft": 4,
         "inputHorizontalMargin": 8,
         "labelHorizontalPadding": 4,
+        "labelInsideTextInputMarginTop": -2,
         "labelLeft": 16,
         "labelPaddingBottom": 8,
         "labelTop": -10,

package/src/theme/components/cardCarousel.ts

@@ -0,0 +1,28 @@
+import type { GlobalTheme } from '../global';
+
+const getCardCarouselTheme = (theme: GlobalTheme) => {
+  const space = {
+    pageControlMarginTop: theme.space.medium,
+    carouselItemSpacing: theme.space.small,
+    contentContainerPaddingHorizontal: theme.space.large,
+  };
+
+  const colors = {
+    shadow: theme.colors.primaryOutline,
+    carouselItemBackground: theme.colors.defaultSurface,
+  };
+  const shadows = {
+    offset: { width: 0, height: 2 },
+    opacity: 0.12,
+    radius: theme.radii.medium,
+    elevation: 4,
+  };
+
+  const radii = {
+    card: theme.radii.medium,
+  };
+
+  return { shadows, colors, space, radii };
+};
+
+export default getCardCarouselTheme;

package/src/theme/components/textInput.ts

@@ -54,6 +54,7 @@ const getTextInputTheme = (theme: GlobalTheme) => {
     maxLengthLabelMarginLeft: theme.space.xsmall,
     errorAndHelpTextContainerPaddingLeft: theme.space.medium,
     containerMarginTop: theme.space.small,
+    labelInsideTextInputMarginTop: -theme.space.xxsmall,
   };
 
   const fontSizes = {
@@ -64,11 +65,6 @@ const getTextInputTheme = (theme: GlobalTheme) => {
     asteriskLabel: theme.fontSizes.medium,
   };
 
-  const lineHeights = {
-    text: theme.lineHeights.xsmall,
-    labelInsideTextInput: theme.lineHeights.xsmall,
-  };
-
   const borderWidths = {
     container: {
       normal: theme.borderWidths.base,
@@ -84,7 +80,7 @@ const getTextInputTheme = (theme: GlobalTheme) => {
     errorAndHelpTextContainerHeight: theme.sizes.medium,
   };
 
-  return { colors, space, fontSizes, borderWidths, radii, lineHeights, sizes };
+  return { colors, space, fontSizes, borderWidths, radii, sizes };
 };
 
 export default getTextInputTheme;

package/src/theme/getTheme.ts

@@ -11,6 +11,7 @@ import getButtonTheme from './components/button';
 import getCalendarTheme from './components/calendar';
 import getCardTheme from './components/card';
 import getCarouselTheme from './components/carousel';
+import getCardCarouselTheme from './components/cardCarousel';
 import getCheckboxTheme from './components/checkbox';
 import getContentNavigatorTheme from './components/contentNavigator';
 import getDatePickerTheme from './components/datePicker';
@@ -56,6 +57,7 @@ type Theme = GlobalTheme & {
     calendar: ReturnType<typeof getCalendarTheme>;
     card: ReturnType<typeof getCardTheme>;
     carousel: ReturnType<typeof getCarouselTheme>;
+    cardCarousel: ReturnType<typeof getCardCarouselTheme>;
     checkbox: ReturnType<typeof getCheckboxTheme>;
     contentNavigator: ReturnType<typeof getContentNavigatorTheme>;
     datePicker: ReturnType<typeof getDatePickerTheme>;
@@ -107,6 +109,7 @@ const getTheme = (
       calendar: getCalendarTheme(globalTheme),
       card: getCardTheme(globalTheme),
       carousel: getCarouselTheme(globalTheme),
+      cardCarousel: getCardCarouselTheme(globalTheme),
       checkbox: getCheckboxTheme(globalTheme),
       contentNavigator: getContentNavigatorTheme(globalTheme),
       datePicker: getDatePickerTheme(globalTheme),

package/src/types.ts

@@ -14,6 +14,7 @@ import type {
 } from './components/Select/types';
 import { SwipeableProps } from './components/Swipeable';
 import { TextProps } from './components/Typography/Text';
+import { CardCarouselHandles } from './components/Carousel/CardCarousel';
 
 export type {
   BottomNavigationTabType,
@@ -30,4 +31,5 @@ export type {
   TextProps,
   TextInputHandles,
   Theme,
+  CardCarouselHandles,
 };

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
-interface CardProps extends ViewProps {
+export interface CardProps extends ViewProps {
     /**
      * Card's content.
      */

package/types/components/Carousel/CardCarousel.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+export declare type CardCarouselHandles = {
+    snapToIndex: (index: number) => void;
+};
+export interface CardCarouselProps {
+    /**
+     * Whether to scroll automatically.
+     */
+    autoPlay?: boolean;
+    /**
+     * Set interval of each slide.
+     */
+    autoPlayInterval?: number;
+    /**
+     * onItemIndexChange event handler receiving index of selected Item.
+     */
+    onItemIndexChange?: (index: number) => void;
+    /**
+     * Carousel data.
+     */
+    items: any[];
+    /**
+     * Indicates hide or show page control.
+     */
+    hidePageControl?: boolean;
+    /**
+     * Additional styles
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Testing id of the component.
+     */
+    testID?: string;
+    /**
+     * Component ref.
+     */
+    ref?: React.Ref<CardCarouselHandles>;
+}
+export declare const CardCarousel: React.ForwardRefExoticComponent<Pick<CardCarouselProps, "style" | "testID" | "items" | "onItemIndexChange" | "hidePageControl" | "autoPlay" | "autoPlayInterval"> & React.RefAttributes<CardCarouselHandles>>;

package/types/components/Carousel/StyledCardCarousel.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { View, ViewProps } from 'react-native';
+import { CardProps } from '../Card';
+import { PageControlProps } from '../PageControl';
+declare const StyledPageControl: import("@emotion/native").StyledComponent<PageControlProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {}>;
+declare const StyledWrapper: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledCard: import("@emotion/native").StyledComponent<CardProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {}>;
+declare const StyledShadow: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledItemWrapper: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export { StyledCard, StyledShadow, StyledItemWrapper, StyledWrapper, StyledPageControl, };

package/types/components/Carousel/contants.d.ts

@@ -0,0 +1,2 @@
+export declare const ITEM_WIDTH_RATE = 0.85;
+export declare const VIEW_POSITION_CENTER = 0.5;

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

@@ -1,4 +1,4 @@
-import { Dispatch, SetStateAction } from 'react';
+import React, { Dispatch, SetStateAction } from 'react';
 import { StyleProp, ViewProps, ViewStyle } from 'react-native';
 import { CarouselData } from './types';
 interface CarouselProps extends ViewProps {
@@ -32,5 +32,7 @@ interface CarouselProps extends ViewProps {
     selectedItemIndex?: number;
 }
 export declare function useStateFromProp<T>(initialValue: T): [T, Dispatch<SetStateAction<T>>];
-declare const Carousel: ({ items, onItemIndexChange, renderActions, selectedItemIndex, style, shouldShowPagination, ...nativeProps }: CarouselProps) => JSX.Element;
-export default Carousel;
+declare const _default: (({ items, onItemIndexChange, renderActions, selectedItemIndex, style, shouldShowPagination, ...nativeProps }: CarouselProps) => JSX.Element) & {
+    Card: React.ForwardRefExoticComponent<Pick<import("./CardCarousel").CardCarouselProps, "style" | "testID" | "items" | "onItemIndexChange" | "hidePageControl" | "autoPlay" | "autoPlayInterval"> & React.RefAttributes<import("./CardCarousel").CardCarouselHandles>>;
+};
+export default _default;

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", "bookmark-added", "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", "double-buildings", "edit-template", "envelope", "exclude", "expense", "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", "globe", "graduation-cap", "graph", "happy-sun", "health-bag", "heart", "home", "image", "import", "incident-siren", "instapay", "list", "loading-2", "loading", "location", "lock", "looks-one", "looks-two", "media-content", "menu", "money-notes", "moneybag", "moon", "multiple-stars", "multiple-users", "node", "open-folder", "paperclip", "payment-summary", "pencil", "phone", "piggy-bank", "plane", "play-circle", "print", "raising-hands", "reply-arrow", "reply", "reschedule", "rostering", "save", "schedule-send", "schedule", "search-person", "send", "speaker-active", "speaker", "star-award", "star-badge", "star-circle", "star-medal", "star", "steps-circle", "stopwatch", "suitcase", "survey", "swag", "switch", "tag", "target", "teams", "timesheet", "touch-id", "trash-bin", "unlock", "user", "video-1", "video-2", "wallet", "warning", "activate-outlined", "add-credit-card-outlined", "add-person-outlined", "add-section-outlined", "add-time-outlined", "add", "adjustment-outlined", "alignment-2-outlined", "alignment-outlined", "all-caps", "arrow-down", "arrow-downwards", "arrow-left", "arrow-leftwards", "arrow-right", "arrow-rightwards", "arrow-up", "arrow-upwards", "article-outlined", "at-sign", "auto-graph-outlined", "bell-active-outlined", "bell-outlined", "bell-slash-outlined", "billing-outlined", "body-outlined", "bold", "bookmark-added-outlined", "bookmark-outlined", "box-check-outlined", "box-outlined", "bullet-points", "cake-outlined", "calendar-dates-outlined", "calendar-star-outlined", "call-split-outlined", "camera-outlined", "cancel", "charging-station-outlined", "chat-bubble-outlined", "chat-unread-outlined", "checkmark", "circle-add-outlined", "circle-cancel-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-outlined", "cog-outlined", "coin-outlined", "comment-outlined", "contacts-outlined", "contacts-user-outlined", "credit-card-outlined", "cup-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-outlined", "edit-template-outlined", "email-outlined", "enter-arrow", "envelope-outlined", "expense-outlined", "explore-outlined", "external-link", "eye-invisible-outlined", "eye-outlined", "face-id", "face-meh-outlined", "face-open-smiley-outlined", "face-sad-outlined", "face-smiley-outlined", "feed-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-search-outlined", "file-secured-outlined", "file-statutory-outlined", "file-verified-outlined", "filter-outlined", "folder-outlined", "folder-user-outlined", "funnel-filter-outline", "graph-outlined", "hand-holding-user-outlined", "happy-sun-outlined", "health-bag-outlined", "heart-outlined", "home-active-outlined", "home-outlined", "id-card-outlined", "image-outlined", "import-outlined", "instapay-outlined", "italic", "link-1", "link-2", "list-outlined", "live-help-outlined", "location-on-outlined", "location-outlined", "lock-outlined", "locked-file-outlined", "log-out", "media-content-outlined", "menu-close", "menu-expand", "menu-fold-outlined", "menu-unfold-outlined", "moneybag-outlined", "moon-outlined", "more-horizontal", "more-vertical", "multiple-folders-outlined", "multiple-users-outlined", "near-me-outlined", "node-outlined", "number-points", "number", "overview-outlined", "payment-summary-outlined", "payslip-outlined", "pencil-outlined", "percentage", "phone-outlined", "piggy-bank-outlined", "plane-outlined", "play-circle-outlined", "print-outlined", "qr-code-outlined", "qualification-outlined", "re-assign", "redeem", "refresh", "remove", "reply-outlined", "restart", "return-arrow", "rostering-outlined", "save-outlined", "schedule-outlined", "search-outlined", "search-secured-outlined", "send-outlined", "share-1", "share-2", "share-outlined", "show-chart-outlined", "single-down-arrow", "single-left-arrow", "single-right-arrow", "single-up-arrow", "speaker-active-outlined", "speaker-outlined", "star-circle-outlined", "star-outlined", "stopwatch-outlined", "strikethrough", "suitcase-clock-outlined", "suitcase-outlined", "survey-outlined", "switch-outlined", "sync", "target-outlined", "timesheet-outlined", "today-outlined", "transfer", "trash-bin-outlined", "umbrela-outlined", "unavailable", "underline", "union-outlined", "unlock-outlined", "upload-outlined", "user-circle-outlined", "user-gear-outlined", "user-outlined", "user-rectangle-outlined", "video-1-outlined", "video-2-outlined", "wallet-outlined"];
+declare const IconList: readonly ["activate", "add-emoji", "add-person", "adjustment", "alignment", "antenna", "archive", "assignment-warning", "bank", "bell", "billing", "bookmark-added", "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", "double-buildings", "edit-template", "envelope", "exclude", "expense", "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", "globe", "graduation-cap", "graph", "happy-sun", "health-bag", "heart", "home", "image", "import", "incident-siren", "instapay", "list", "loading-2", "loading", "location", "lock", "looks-one", "looks-two", "media-content", "menu", "money-notes", "moneybag", "moon", "multiple-stars", "multiple-users", "node", "open-folder", "paperclip", "payment-summary", "pencil", "phone", "piggy-bank", "plane-up", "plane", "play-circle", "print", "raising-hands", "reply-arrow", "reply", "reschedule", "rostering", "save", "schedule-send", "schedule", "search-person", "send", "speaker-active", "speaker", "star-award", "star-badge", "star-circle", "star-medal", "star", "steps-circle", "stopwatch", "suitcase", "survey", "swag-pillar-benefit", "swag-pillar-career", "swag-pillar-money", "swag-pillar-work", "swag", "switch", "tag", "target", "teams", "timesheet", "touch-id", "trash-bin", "unlock", "user", "video-1", "video-2", "wallet", "warning", "activate-outlined", "add-credit-card-outlined", "add-person-outlined", "add-section-outlined", "add-time-outlined", "add", "adjustment-outlined", "alignment-2-outlined", "alignment-outlined", "all-caps", "arrow-down", "arrow-downwards", "arrow-left", "arrow-leftwards", "arrow-right", "arrow-rightwards", "arrow-up", "arrow-upwards", "article-outlined", "at-sign", "auto-graph-outlined", "bell-active-outlined", "bell-outlined", "bell-slash-outlined", "billing-outlined", "body-outlined", "bold", "bookmark-added-outlined", "bookmark-outlined", "box-check-outlined", "box-outlined", "bullet-points", "cake-outlined", "calendar-dates-outlined", "calendar-star-outlined", "call-split-outlined", "camera-outlined", "cancel", "car-forward-outlined", "charging-station-outlined", "chat-bubble-outlined", "chat-unread-outlined", "checkmark", "circle-add-outlined", "circle-cancel-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-outlined", "cog-outlined", "coin-outlined", "comment-outlined", "contacts-outlined", "contacts-user-outlined", "credit-card-outlined", "cup-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-outlined", "edit-template-outlined", "email-outlined", "enter-arrow", "envelope-outlined", "expense-outlined", "explore-outlined", "external-link", "eye-invisible-outlined", "eye-outlined", "face-id", "face-meh-outlined", "face-open-smiley-outlined", "face-sad-outlined", "face-smiley-outlined", "feed-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-search-outlined", "file-secured-outlined", "file-statutory-outlined", "file-verified-outlined", "filter-outlined", "folder-outlined", "folder-user-outlined", "funnel-filter-outline", "graph-outlined", "hand-holding-user-outlined", "happy-sun-outlined", "health-bag-outlined", "heart-outlined", "home-active-outlined", "home-outlined", "id-card-outlined", "image-outlined", "import-outlined", "instapay-outlined", "italic", "link-1", "link-2", "list-outlined", "live-help-outlined", "location-on-outlined", "location-outlined", "lock-outlined", "locked-file-outlined", "log-out", "media-content-outlined", "menu-close", "menu-expand", "menu-fold-outlined", "menu-unfold-outlined", "moneybag-outlined", "moon-outlined", "more-horizontal", "more-vertical", "multiple-folders-outlined", "multiple-users-outlined", "near-me-outlined", "node-outlined", "number-points", "number", "overview-outlined", "payment-summary-outlined", "payslip-outlined", "pencil-outlined", "percentage", "phone-outlined", "piggy-bank-outlined", "plane-outlined", "play-circle-outlined", "print-outlined", "qr-code-outlined", "qualification-outlined", "re-assign", "redeem", "refresh", "remove", "reply-outlined", "restart", "return-arrow", "rostering-outlined", "save-outlined", "schedule-outlined", "search-outlined", "search-secured-outlined", "send-outlined", "share-1", "share-2", "share-outlined", "show-chart-outlined", "single-down-arrow", "single-left-arrow", "single-right-arrow", "single-up-arrow", "speaker-active-outlined", "speaker-outlined", "star-circle-outlined", "star-outlined", "stopwatch-outlined", "strikethrough", "suitcase-clock-outlined", "suitcase-outlined", "survey-outlined", "switch-outlined", "sync", "target-outlined", "timesheet-outlined", "today-outlined", "transfer", "trash-bin-outlined", "umbrela-outlined", "unavailable", "underline", "union-outlined", "unlock-outlined", "upload-outlined", "user-circle-outlined", "user-gear-outlined", "user-outlined", "user-rectangle-outlined", "video-1-outlined", "video-2-outlined", "wallet-outlined"];
 export default IconList;

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

@@ -29,6 +29,6 @@ export interface IconProps extends AccessibilityProps {
 }
 declare const Icon: {
     ({ icon, style, size, intent, testID, spin, accessibilityLabel, accessibilityHint, accessibilityRole, accessibilityState, accessibilityValue, accessibilityLiveRegion, accessibilityElementsHidden, accessible, accessibilityIgnoresInvertColors, accessibilityViewIsModal, accessibilityActions, }: IconProps): JSX.Element;
-    List: readonly ["activate", "add-emoji", "add-person", "adjustment", "alignment", "antenna", "archive", "assignment-warning", "bank", "bell", "billing", "bookmark-added", "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", "double-buildings", "edit-template", "envelope", "exclude", "expense", "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", "globe", "graduation-cap", "graph", "happy-sun", "health-bag", "heart", "home", "image", "import", "incident-siren", "instapay", "list", "loading-2", "loading", "location", "lock", "looks-one", "looks-two", "media-content", "menu", "money-notes", "moneybag", "moon", "multiple-stars", "multiple-users", "node", "open-folder", "paperclip", "payment-summary", "pencil", "phone", "piggy-bank", "plane", "play-circle", "print", "raising-hands", "reply-arrow", "reply", "reschedule", "rostering", "save", "schedule-send", "schedule", "search-person", "send", "speaker-active", "speaker", "star-award", "star-badge", "star-circle", "star-medal", "star", "steps-circle", "stopwatch", "suitcase", "survey", "swag", "switch", "tag", "target", "teams", "timesheet", "touch-id", "trash-bin", "unlock", "user", "video-1", "video-2", "wallet", "warning", "activate-outlined", "add-credit-card-outlined", "add-person-outlined", "add-section-outlined", "add-time-outlined", "add", "adjustment-outlined", "alignment-2-outlined", "alignment-outlined", "all-caps", "arrow-down", "arrow-downwards", "arrow-left", "arrow-leftwards", "arrow-right", "arrow-rightwards", "arrow-up", "arrow-upwards", "article-outlined", "at-sign", "auto-graph-outlined", "bell-active-outlined", "bell-outlined", "bell-slash-outlined", "billing-outlined", "body-outlined", "bold", "bookmark-added-outlined", "bookmark-outlined", "box-check-outlined", "box-outlined", "bullet-points", "cake-outlined", "calendar-dates-outlined", "calendar-star-outlined", "call-split-outlined", "camera-outlined", "cancel", "charging-station-outlined", "chat-bubble-outlined", "chat-unread-outlined", "checkmark", "circle-add-outlined", "circle-cancel-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-outlined", "cog-outlined", "coin-outlined", "comment-outlined", "contacts-outlined", "contacts-user-outlined", "credit-card-outlined", "cup-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-outlined", "edit-template-outlined", "email-outlined", "enter-arrow", "envelope-outlined", "expense-outlined", "explore-outlined", "external-link", "eye-invisible-outlined", "eye-outlined", "face-id", "face-meh-outlined", "face-open-smiley-outlined", "face-sad-outlined", "face-smiley-outlined", "feed-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-search-outlined", "file-secured-outlined", "file-statutory-outlined", "file-verified-outlined", "filter-outlined", "folder-outlined", "folder-user-outlined", "funnel-filter-outline", "graph-outlined", "hand-holding-user-outlined", "happy-sun-outlined", "health-bag-outlined", "heart-outlined", "home-active-outlined", "home-outlined", "id-card-outlined", "image-outlined", "import-outlined", "instapay-outlined", "italic", "link-1", "link-2", "list-outlined", "live-help-outlined", "location-on-outlined", "location-outlined", "lock-outlined", "locked-file-outlined", "log-out", "media-content-outlined", "menu-close", "menu-expand", "menu-fold-outlined", "menu-unfold-outlined", "moneybag-outlined", "moon-outlined", "more-horizontal", "more-vertical", "multiple-folders-outlined", "multiple-users-outlined", "near-me-outlined", "node-outlined", "number-points", "number", "overview-outlined", "payment-summary-outlined", "payslip-outlined", "pencil-outlined", "percentage", "phone-outlined", "piggy-bank-outlined", "plane-outlined", "play-circle-outlined", "print-outlined", "qr-code-outlined", "qualification-outlined", "re-assign", "redeem", "refresh", "remove", "reply-outlined", "restart", "return-arrow", "rostering-outlined", "save-outlined", "schedule-outlined", "search-outlined", "search-secured-outlined", "send-outlined", "share-1", "share-2", "share-outlined", "show-chart-outlined", "single-down-arrow", "single-left-arrow", "single-right-arrow", "single-up-arrow", "speaker-active-outlined", "speaker-outlined", "star-circle-outlined", "star-outlined", "stopwatch-outlined", "strikethrough", "suitcase-clock-outlined", "suitcase-outlined", "survey-outlined", "switch-outlined", "sync", "target-outlined", "timesheet-outlined", "today-outlined", "transfer", "trash-bin-outlined", "umbrela-outlined", "unavailable", "underline", "union-outlined", "unlock-outlined", "upload-outlined", "user-circle-outlined", "user-gear-outlined", "user-outlined", "user-rectangle-outlined", "video-1-outlined", "video-2-outlined", "wallet-outlined"];
+    List: readonly ["activate", "add-emoji", "add-person", "adjustment", "alignment", "antenna", "archive", "assignment-warning", "bank", "bell", "billing", "bookmark-added", "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", "double-buildings", "edit-template", "envelope", "exclude", "expense", "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", "globe", "graduation-cap", "graph", "happy-sun", "health-bag", "heart", "home", "image", "import", "incident-siren", "instapay", "list", "loading-2", "loading", "location", "lock", "looks-one", "looks-two", "media-content", "menu", "money-notes", "moneybag", "moon", "multiple-stars", "multiple-users", "node", "open-folder", "paperclip", "payment-summary", "pencil", "phone", "piggy-bank", "plane-up", "plane", "play-circle", "print", "raising-hands", "reply-arrow", "reply", "reschedule", "rostering", "save", "schedule-send", "schedule", "search-person", "send", "speaker-active", "speaker", "star-award", "star-badge", "star-circle", "star-medal", "star", "steps-circle", "stopwatch", "suitcase", "survey", "swag-pillar-benefit", "swag-pillar-career", "swag-pillar-money", "swag-pillar-work", "swag", "switch", "tag", "target", "teams", "timesheet", "touch-id", "trash-bin", "unlock", "user", "video-1", "video-2", "wallet", "warning", "activate-outlined", "add-credit-card-outlined", "add-person-outlined", "add-section-outlined", "add-time-outlined", "add", "adjustment-outlined", "alignment-2-outlined", "alignment-outlined", "all-caps", "arrow-down", "arrow-downwards", "arrow-left", "arrow-leftwards", "arrow-right", "arrow-rightwards", "arrow-up", "arrow-upwards", "article-outlined", "at-sign", "auto-graph-outlined", "bell-active-outlined", "bell-outlined", "bell-slash-outlined", "billing-outlined", "body-outlined", "bold", "bookmark-added-outlined", "bookmark-outlined", "box-check-outlined", "box-outlined", "bullet-points", "cake-outlined", "calendar-dates-outlined", "calendar-star-outlined", "call-split-outlined", "camera-outlined", "cancel", "car-forward-outlined", "charging-station-outlined", "chat-bubble-outlined", "chat-unread-outlined", "checkmark", "circle-add-outlined", "circle-cancel-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-outlined", "cog-outlined", "coin-outlined", "comment-outlined", "contacts-outlined", "contacts-user-outlined", "credit-card-outlined", "cup-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-outlined", "edit-template-outlined", "email-outlined", "enter-arrow", "envelope-outlined", "expense-outlined", "explore-outlined", "external-link", "eye-invisible-outlined", "eye-outlined", "face-id", "face-meh-outlined", "face-open-smiley-outlined", "face-sad-outlined", "face-smiley-outlined", "feed-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-search-outlined", "file-secured-outlined", "file-statutory-outlined", "file-verified-outlined", "filter-outlined", "folder-outlined", "folder-user-outlined", "funnel-filter-outline", "graph-outlined", "hand-holding-user-outlined", "happy-sun-outlined", "health-bag-outlined", "heart-outlined", "home-active-outlined", "home-outlined", "id-card-outlined", "image-outlined", "import-outlined", "instapay-outlined", "italic", "link-1", "link-2", "list-outlined", "live-help-outlined", "location-on-outlined", "location-outlined", "lock-outlined", "locked-file-outlined", "log-out", "media-content-outlined", "menu-close", "menu-expand", "menu-fold-outlined", "menu-unfold-outlined", "moneybag-outlined", "moon-outlined", "more-horizontal", "more-vertical", "multiple-folders-outlined", "multiple-users-outlined", "near-me-outlined", "node-outlined", "number-points", "number", "overview-outlined", "payment-summary-outlined", "payslip-outlined", "pencil-outlined", "percentage", "phone-outlined", "piggy-bank-outlined", "plane-outlined", "play-circle-outlined", "print-outlined", "qr-code-outlined", "qualification-outlined", "re-assign", "redeem", "refresh", "remove", "reply-outlined", "restart", "return-arrow", "rostering-outlined", "save-outlined", "schedule-outlined", "search-outlined", "search-secured-outlined", "send-outlined", "share-1", "share-2", "share-outlined", "show-chart-outlined", "single-down-arrow", "single-left-arrow", "single-right-arrow", "single-up-arrow", "speaker-active-outlined", "speaker-outlined", "star-circle-outlined", "star-outlined", "stopwatch-outlined", "strikethrough", "suitcase-clock-outlined", "suitcase-outlined", "survey-outlined", "switch-outlined", "sync", "target-outlined", "timesheet-outlined", "today-outlined", "transfer", "trash-bin-outlined", "umbrela-outlined", "unavailable", "underline", "union-outlined", "unlock-outlined", "upload-outlined", "user-circle-outlined", "user-gear-outlined", "user-outlined", "user-rectangle-outlined", "video-1-outlined", "video-2-outlined", "wallet-outlined"];
 };
 export default Icon;