@razorpay/blade 5.5.0 → 6.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,43 @@
1
1
  # @razorpay/blade
2
2
 
3
+ ## 6.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - 980bc038: fix(Alert)!: fix typo in prop `isDismissible`
8
+
9
+ > **Warning**
10
+ >
11
+ > Breaking change. Update prop `isDismissable` to `isDismissible`.
12
+
13
+ ### Migration guide
14
+
15
+ Find and replace:
16
+
17
+ ```diff
18
+ <Alert
19
+ - isDismissable
20
+ + isDismissible
21
+ />
22
+ ```
23
+
24
+ - 5f7e4876: feat(blade): added all icons from figma
25
+
26
+ **Breaking Changes:**
27
+
28
+ - Renamed `RefreshLeft` icon to `Refresh`
29
+
30
+ ### Minor Changes
31
+
32
+ - 82d75b71: chore(blade): added new icons
33
+ - 29238f1e: feat(blade): added ref support for input components
34
+
35
+ ## 5.5.1
36
+
37
+ ### Patch Changes
38
+
39
+ - 735e370: fix(blade): update peerDependencies to support react v18
40
+
3
41
  ## 5.5.0
4
42
 
5
43
  ### Minor Changes
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import * as React$1 from 'react';
3
3
  import React__default, { ReactChild, ReactElement, ReactNode, SyntheticEvent, KeyboardEvent } from 'react';
4
- import { AccessibilityRole, GestureResponderEvent } from 'react-native';
4
+ import { AccessibilityRole, View, GestureResponderEvent } from 'react-native';
5
5
  import { CSSObject } from 'styled-components';
6
6
 
7
7
  type BorderRadius = Readonly<{
@@ -881,7 +881,7 @@ declare type AlertProps = {
881
881
  *
882
882
  * @default true
883
883
  */
884
- isDismissable?: boolean;
884
+ isDismissible?: boolean;
885
885
  /**
886
886
  * A callback when the dismiss button is clicked
887
887
  */
@@ -919,7 +919,7 @@ declare type AlertProps = {
919
919
  secondary?: SecondaryAction;
920
920
  };
921
921
  };
922
- declare const Alert: ({ description, title, isDismissable, onDismiss, contrast, isFullWidth, intent, actions, }: AlertProps) => ReactElement | null;
922
+ declare const Alert: ({ description, title, isDismissible, onDismiss, contrast, isFullWidth, intent, actions, }: AlertProps) => ReactElement | null;
923
923
 
924
924
  type Theme$1 = {
925
925
  border: Border;
@@ -1134,6 +1134,8 @@ declare type LinkButtonVariantProps = LinkPropsWithOrWithoutIcon & {
1134
1134
  declare type LinkProps = LinkAnchorVariantProps | LinkButtonVariantProps;
1135
1135
  declare const Link: ({ children, icon, iconPosition, isDisabled, onClick, variant, href, target, rel, accessibilityLabel, size, }: LinkProps) => ReactElement;
1136
1136
 
1137
+ type BladeElementRef = Pick<HTMLElement, 'focus' | 'scrollIntoView'> | Pick<View, 'focus'>;
1138
+
1137
1139
  declare type ButtonCommonProps = {
1138
1140
  variant?: 'primary' | 'secondary' | 'tertiary';
1139
1141
  size?: 'xsmall' | 'small' | 'medium' | 'large';
@@ -1145,7 +1147,7 @@ declare type ButtonCommonProps = {
1145
1147
  type?: 'button' | 'reset' | 'submit';
1146
1148
  onClick?: Platform.Select<{
1147
1149
  native: (event: GestureResponderEvent) => void;
1148
- web: (event: React.MouseEvent<HTMLButtonElement>) => void;
1150
+ web: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
1149
1151
  }>;
1150
1152
  };
1151
1153
  declare type ButtonWithoutIconProps = ButtonCommonProps & {
@@ -1157,7 +1159,7 @@ declare type ButtonWithIconProps = ButtonCommonProps & {
1157
1159
  children?: string;
1158
1160
  };
1159
1161
  declare type ButtonProps = ButtonWithoutIconProps | ButtonWithIconProps;
1160
- declare const Button: ({ children, icon, iconPosition, isDisabled, isFullWidth, isLoading, onClick, size, type, variant, accessibilityLabel, }: ButtonProps) => React.ReactElement;
1162
+ declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<BladeElementRef>>;
1161
1163
 
1162
1164
  type FeedbackColors$1 = `feedback.text.${DotNotationColorStringToken<
1163
1165
  Theme$1['colors']['feedback']['text']
@@ -1473,7 +1475,7 @@ declare type CheckboxProps = {
1473
1475
  */
1474
1476
  size?: 'small' | 'medium';
1475
1477
  };
1476
- declare const Checkbox: ({ defaultChecked, validationState, isChecked, isDisabled, isIndeterminate, isRequired, name, onChange, value, children, helpText, errorText, size, }: CheckboxProps) => React__default.ReactElement;
1478
+ declare const Checkbox: React__default.ForwardRefExoticComponent<CheckboxProps & React__default.RefAttributes<BladeElementRef>>;
1477
1479
 
1478
1480
  declare type CheckboxGroupProps = {
1479
1481
  /**
@@ -1561,6 +1563,8 @@ declare const ArrowUpRightIcon: IconComponent;
1561
1563
 
1562
1564
  declare const ArrowUpIcon: IconComponent;
1563
1565
 
1566
+ declare const Attachment: ({ size, color }: IconProps) => ReactElement;
1567
+
1564
1568
  declare const CheckIcon: ({ size, color }: IconProps) => ReactElement;
1565
1569
 
1566
1570
  declare const ChevronDownIcon: IconComponent;
@@ -1571,8 +1575,6 @@ declare const ChevronRightIcon: IconComponent;
1571
1575
 
1572
1576
  declare const ChevronUpIcon: IconComponent;
1573
1577
 
1574
- declare const ClockIcon: IconComponent;
1575
-
1576
1578
  declare const CloseIcon: IconComponent;
1577
1579
 
1578
1580
  declare const CreditCardIcon: IconComponent;
@@ -1621,12 +1623,8 @@ declare const AlertTriangleIcon: ({ size, color }: IconProps) => ReactElement;
1621
1623
 
1622
1624
  declare const CheckCircleIcon: ({ size, color }: IconProps) => ReactElement;
1623
1625
 
1624
- declare const RefreshLeftIcon: IconComponent;
1625
-
1626
1626
  declare const MinusIcon: ({ size, color }: IconProps) => ReactElement;
1627
1627
 
1628
- declare const RotateCounterClockWiseIcon: IconComponent;
1629
-
1630
1628
  declare const TrendingUpIcon: IconComponent;
1631
1629
 
1632
1630
  declare const TrendingDownIcon: IconComponent;
@@ -1639,6 +1637,434 @@ declare const ExternalLinkIcon: IconComponent;
1639
1637
 
1640
1638
  declare const MailIcon: IconComponent;
1641
1639
 
1640
+ declare const AlertCircleIcon: IconComponent;
1641
+
1642
+ declare const AlertOnlyIcon: IconComponent;
1643
+
1644
+ declare const QRCodeIcon: IconComponent;
1645
+
1646
+ declare const BellIcon: IconComponent;
1647
+
1648
+ declare const BellOffIcon: IconComponent;
1649
+
1650
+ declare const BookmarkIcon: IconComponent;
1651
+
1652
+ declare const CheckSquareIcon: IconComponent;
1653
+
1654
+ declare const ClipboardIcon: IconComponent;
1655
+
1656
+ declare const CommandIcon: IconComponent;
1657
+
1658
+ declare const CopyIcon: IconComponent;
1659
+
1660
+ declare const CropIcon: IconComponent;
1661
+
1662
+ declare const CutIcon: IconComponent;
1663
+
1664
+ declare const DownloadCloudIcon: IconComponent;
1665
+
1666
+ declare const EditInlineIcon: IconComponent;
1667
+
1668
+ declare const EditComposeIcon: IconComponent;
1669
+
1670
+ declare const FileIcon: IconComponent;
1671
+
1672
+ declare const FilePlusIcon: IconComponent;
1673
+
1674
+ declare const FileMinusIcon: IconComponent;
1675
+
1676
+ declare const FilterIcon: IconComponent;
1677
+
1678
+ declare const FlagIcon: IconComponent;
1679
+
1680
+ declare const FolderIcon: IconComponent;
1681
+
1682
+ declare const GlobeIcon: IconComponent;
1683
+
1684
+ declare const HashIcon: IconComponent;
1685
+
1686
+ declare const HeartIcon: IconComponent;
1687
+
1688
+ declare const LogInIcon: IconComponent;
1689
+
1690
+ declare const LogOutIcon: IconComponent;
1691
+
1692
+ declare const MaximizeIcon: IconComponent;
1693
+
1694
+ declare const FullScreenEnterIcon: IconComponent;
1695
+
1696
+ declare const FullScreenExitIcon: IconComponent;
1697
+
1698
+ declare const MenuIcon: IconComponent;
1699
+
1700
+ declare const MicIcon: IconComponent;
1701
+
1702
+ declare const MicOffIcon: IconComponent;
1703
+
1704
+ declare const MinimizeIcon: IconComponent;
1705
+
1706
+ declare const MinusSquareIcon: IconComponent;
1707
+
1708
+ declare const MinusCircleIcon: IconComponent;
1709
+
1710
+ declare const MoreVerticalIcon: IconComponent;
1711
+
1712
+ declare const MoreHorizontalIcon: IconComponent;
1713
+
1714
+ declare const MoveIcon: IconComponent;
1715
+
1716
+ declare const PauseCircleIcon: IconComponent;
1717
+
1718
+ declare const PlayIcon: IconComponent;
1719
+
1720
+ declare const PlayCircleIcon: IconComponent;
1721
+
1722
+ declare const PlusCircleIcon: IconComponent;
1723
+
1724
+ declare const PlusSquareIcon: IconComponent;
1725
+
1726
+ declare const PowerIcon: IconComponent;
1727
+
1728
+ declare const RefreshIcon: IconComponent;
1729
+
1730
+ declare const RepeatIcon: IconComponent;
1731
+
1732
+ declare const RotateClockWiseIcon: IconComponent;
1733
+
1734
+ declare const RotateCounterClockWiseIcon: IconComponent;
1735
+
1736
+ declare const SaveIcon: IconComponent;
1737
+
1738
+ declare const ShareIcon: IconComponent;
1739
+
1740
+ declare const ExportIcon: IconComponent;
1741
+
1742
+ declare const ShoppingCartIcon: IconComponent;
1743
+
1744
+ declare const StopCircleIcon: IconComponent;
1745
+
1746
+ declare const SunIcon: IconComponent;
1747
+
1748
+ declare const ToggleLeftIcon: IconComponent;
1749
+
1750
+ declare const ToggleRightIcon: IconComponent;
1751
+
1752
+ declare const ListIcon: IconComponent;
1753
+
1754
+ declare const StarIcon: IconComponent;
1755
+
1756
+ declare const SlidersIcon: IconComponent;
1757
+
1758
+ declare const PaperclipIcon: IconComponent;
1759
+
1760
+ declare const UploadCloudIcon: IconComponent;
1761
+
1762
+ declare const TargetIcon: IconComponent;
1763
+
1764
+ declare const UnlockIcon: IconComponent;
1765
+
1766
+ declare const ThumbsUpIcon: IconComponent;
1767
+
1768
+ declare const ThumbsDownIcon: IconComponent;
1769
+
1770
+ declare const UploadIcon: IconComponent;
1771
+
1772
+ declare const VideoIcon: IconComponent;
1773
+
1774
+ declare const XSquareIcon: IconComponent;
1775
+
1776
+ declare const XCircleIcon: IconComponent;
1777
+
1778
+ declare const ZapIcon: IconComponent;
1779
+
1780
+ declare const ZoomOutIcon: IconComponent;
1781
+
1782
+ declare const ZoomInIcon: IconComponent;
1783
+
1784
+ declare const AlignJustifyIcon: IconComponent;
1785
+
1786
+ declare const AlignRightIcon: IconComponent;
1787
+
1788
+ declare const AlignLeftIcon: IconComponent;
1789
+
1790
+ declare const AlignCenterIcon: IconComponent;
1791
+
1792
+ declare const AnchorIcon: IconComponent;
1793
+
1794
+ declare const BoldIcon: IconComponent;
1795
+
1796
+ declare const ScissorsIcon: IconComponent;
1797
+
1798
+ declare const DeleteIcon: IconComponent;
1799
+
1800
+ declare const GridIcon: IconComponent;
1801
+
1802
+ declare const ImageIcon: IconComponent;
1803
+
1804
+ declare const InboxIcon: IconComponent;
1805
+
1806
+ declare const ItalicIcon: IconComponent;
1807
+
1808
+ declare const TypeIcon: IconComponent;
1809
+
1810
+ declare const UnderlineIcon: IconComponent;
1811
+
1812
+ declare const FilmIcon: IconComponent;
1813
+
1814
+ declare const AirplayIcon: IconComponent;
1815
+
1816
+ declare const AtSignIcon: IconComponent;
1817
+
1818
+ declare const BluetoothIcon: IconComponent;
1819
+
1820
+ declare const CameraIcon: IconComponent;
1821
+
1822
+ declare const CameraOffIcon: IconComponent;
1823
+
1824
+ declare const CastIcon: IconComponent;
1825
+
1826
+ declare const MessageCircleIcon: IconComponent;
1827
+
1828
+ declare const MessageSquareIcon: IconComponent;
1829
+
1830
+ declare const PhoneCallIcon: IconComponent;
1831
+
1832
+ declare const PhoneIcon: IconComponent;
1833
+
1834
+ declare const PhoneOutgoingIcon: IconComponent;
1835
+
1836
+ declare const PhoneOffIcon: IconComponent;
1837
+
1838
+ declare const PhoneMissedIcon: IconComponent;
1839
+
1840
+ declare const PhoneIncomingIcon: IconComponent;
1841
+
1842
+ declare const PhoneForwardedIcon: IconComponent;
1843
+
1844
+ declare const RadioIcon: IconComponent;
1845
+
1846
+ declare const VideoOffIcon: IconComponent;
1847
+
1848
+ declare const VoicemailIcon: IconComponent;
1849
+
1850
+ declare const WifiIcon: IconComponent;
1851
+
1852
+ declare const WifiOffIcon: IconComponent;
1853
+
1854
+ declare const ApertureIcon: IconComponent;
1855
+
1856
+ declare const AwardIcon: IconComponent;
1857
+
1858
+ declare const BoxIcon: IconComponent;
1859
+
1860
+ declare const BriefcaseIcon: IconComponent;
1861
+
1862
+ declare const ChromeIcon: IconComponent;
1863
+
1864
+ declare const CircleIcon: IconComponent;
1865
+
1866
+ declare const CrosshairIcon: IconComponent;
1867
+
1868
+ declare const DiscIcon: IconComponent;
1869
+
1870
+ declare const DropletIcon: IconComponent;
1871
+
1872
+ declare const FeatherIcon: IconComponent;
1873
+
1874
+ declare const LayersIcon: IconComponent;
1875
+
1876
+ declare const LayoutIcon: IconComponent;
1877
+
1878
+ declare const SidebarIcon: IconComponent;
1879
+
1880
+ declare const SquareIcon: IconComponent;
1881
+
1882
+ declare const TriangleIcon: IconComponent;
1883
+
1884
+ declare const LifeBuoyIcon: IconComponent;
1885
+
1886
+ declare const LoaderIcon: IconComponent;
1887
+
1888
+ declare const OctagonIcon: IconComponent;
1889
+
1890
+ declare const PackageIcon: IconComponent;
1891
+
1892
+ declare const PercentIcon: IconComponent;
1893
+
1894
+ declare const ShieldIcon: IconComponent;
1895
+
1896
+ declare const UmbrellaIcon: IconComponent;
1897
+
1898
+ declare const WindIcon: IconComponent;
1899
+
1900
+ declare const ArrowUpLeftIcon: IconComponent;
1901
+
1902
+ declare const ArrowDownRightIcon: IconComponent;
1903
+
1904
+ declare const ArrowDownLeftIcon: IconComponent;
1905
+
1906
+ declare const ChevronsRightIcon: IconComponent;
1907
+
1908
+ declare const ChevronsLeftIcon: IconComponent;
1909
+
1910
+ declare const ChevronsDownIcon: IconComponent;
1911
+
1912
+ declare const ChevronsUpIcon: IconComponent;
1913
+
1914
+ declare const CornerUpRightIcon: IconComponent;
1915
+
1916
+ declare const CornerDownLeftIcon: IconComponent;
1917
+
1918
+ declare const CornerRightUpIcon: IconComponent;
1919
+
1920
+ declare const CornerRightDownIcon: IconComponent;
1921
+
1922
+ declare const CornerLeftUpIcon: IconComponent;
1923
+
1924
+ declare const CornerDownRightIcon: IconComponent;
1925
+
1926
+ declare const CornerUpLeftIcon: IconComponent;
1927
+
1928
+ declare const CornerLeftDownIcon: IconComponent;
1929
+
1930
+ declare const FastForwardIcon: IconComponent;
1931
+
1932
+ declare const HeadphonesIcon: IconComponent;
1933
+
1934
+ declare const MusicIcon: IconComponent;
1935
+
1936
+ declare const RewindIcon: IconComponent;
1937
+
1938
+ declare const SkipBackIcon: IconComponent;
1939
+
1940
+ declare const SkipForwardIcon: IconComponent;
1941
+
1942
+ declare const VolumeIcon: IconComponent;
1943
+
1944
+ declare const VolumeMuteIcon: IconComponent;
1945
+
1946
+ declare const VolumeLowIcon: IconComponent;
1947
+
1948
+ declare const VolumeHighIcon: IconComponent;
1949
+
1950
+ declare const CalendarIcon: IconComponent;
1951
+
1952
+ declare const ClockIcon: IconComponent;
1953
+
1954
+ declare const CloudIcon: IconComponent;
1955
+
1956
+ declare const CloudDrizzleIcon: IconComponent;
1957
+
1958
+ declare const CloudSnowIcon: IconComponent;
1959
+
1960
+ declare const CloudOffIcon: IconComponent;
1961
+
1962
+ declare const CloudLightningIcon: IconComponent;
1963
+
1964
+ declare const MoonIcon: IconComponent;
1965
+
1966
+ declare const SunsetIcon: IconComponent;
1967
+
1968
+ declare const SunriseIcon: IconComponent;
1969
+
1970
+ declare const WatchIcon: IconComponent;
1971
+
1972
+ declare const CloudRainIcon: IconComponent;
1973
+
1974
+ declare const BatteryChargingIcon: IconComponent;
1975
+
1976
+ declare const BatteryIcon: IconComponent;
1977
+
1978
+ declare const CpuIcon: IconComponent;
1979
+
1980
+ declare const MonitorIcon: IconComponent;
1981
+
1982
+ declare const PrinterIcon: IconComponent;
1983
+
1984
+ declare const ServerIcon: IconComponent;
1985
+
1986
+ declare const SmartphoneIcon: IconComponent;
1987
+
1988
+ declare const SpeakerIcon: IconComponent;
1989
+
1990
+ declare const TabletIcon: IconComponent;
1991
+
1992
+ declare const ThermometerIcon: IconComponent;
1993
+
1994
+ declare const TvIcon: IconComponent;
1995
+
1996
+ declare const CodepenIcon: IconComponent;
1997
+
1998
+ declare const FacebookIcon: IconComponent;
1999
+
2000
+ declare const GitlabIcon: IconComponent;
2001
+
2002
+ declare const GithubIcon: IconComponent;
2003
+
2004
+ declare const InstagramIcon: IconComponent;
2005
+
2006
+ declare const PocketIcon: IconComponent;
2007
+
2008
+ declare const SlackIcon: IconComponent;
2009
+
2010
+ declare const TwitterIcon: IconComponent;
2011
+
2012
+ declare const UserCheckIcon: IconComponent;
2013
+
2014
+ declare const UserXIcon: IconComponent;
2015
+
2016
+ declare const UserPlusIcon: IconComponent;
2017
+
2018
+ declare const UserMinusIcon: IconComponent;
2019
+
2020
+ declare const ActivityIcon: IconComponent;
2021
+
2022
+ declare const BarChartIcon: IconComponent;
2023
+
2024
+ declare const BarChartAltIcon: IconComponent;
2025
+
2026
+ declare const PieChartIcon: IconComponent;
2027
+
2028
+ declare const CompassIcon: IconComponent;
2029
+
2030
+ declare const MapIcon: IconComponent;
2031
+
2032
+ declare const MapPinIcon: IconComponent;
2033
+
2034
+ declare const NavigationIcon: IconComponent;
2035
+
2036
+ declare const DollarsIcon: IconComponent;
2037
+
2038
+ declare const RupeesIcon: IconComponent;
2039
+
2040
+ declare const DashboardIcon: IconComponent;
2041
+
2042
+ declare const InvoicesIcon: IconComponent;
2043
+
2044
+ declare const PaymentLinksIcon: IconComponent;
2045
+
2046
+ declare const PaymentButtonsIcon: IconComponent;
2047
+
2048
+ declare const PaymentPagesIcon: IconComponent;
2049
+
2050
+ declare const RoutesIcon: IconComponent;
2051
+
2052
+ declare const SubscriptionsIcon: IconComponent;
2053
+
2054
+ declare const SmartCollectIcon: IconComponent;
2055
+
2056
+ declare const CustomersIcon: IconComponent;
2057
+
2058
+ declare const OffersIcon: IconComponent;
2059
+
2060
+ declare const ReportsIcon: IconComponent;
2061
+
2062
+ declare const MyAccountIcon: IconComponent;
2063
+
2064
+ declare const RazorpayIcon: IconComponent;
2065
+
2066
+ declare const RazorpayXIcon: IconComponent;
2067
+
1642
2068
  declare const BookIcon: IconComponent;
1643
2069
 
1644
2070
  declare const SettlementsIcon: IconComponent;
@@ -1651,6 +2077,22 @@ declare const UserIcon: IconComponent;
1651
2077
 
1652
2078
  declare const TransactionsIcon: IconComponent;
1653
2079
 
2080
+ declare const AnnouncementIcon: IconComponent;
2081
+
2082
+ declare const AppStoreIcon: IconComponent;
2083
+
2084
+ declare const CoinsIcon: IconComponent;
2085
+
2086
+ declare const BillIcon: IconComponent;
2087
+
2088
+ declare const StampIcon: IconComponent;
2089
+
2090
+ declare const MenuDotsIcon: IconComponent;
2091
+
2092
+ declare const SendIcon: IconComponent;
2093
+
2094
+ declare const MailOpenIcon: IconComponent;
2095
+
1654
2096
  declare type FeedbackIconColors = `feedback.icon.${DotNotationColorStringToken<Theme$1['colors']['feedback']['icon']>}`;
1655
2097
  declare type FeedbackActionIconColors = `feedback.${Feedback}.action.icon.${DotNotationColorStringToken<Theme$1['colors']['feedback'][Feedback]['action']['icon']>}`;
1656
2098
  declare type ActionIconColors = `action.icon.${DotNotationColorStringToken<Theme$1['colors']['action']['icon']>}`;
@@ -1911,7 +2353,30 @@ declare type TextInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | '
1911
2353
  */
1912
2354
  type?: Type;
1913
2355
  };
1914
- declare const TextInput: ({ label, labelPosition, placeholder, type, defaultValue, name, value, maxCharacters, onChange, onFocus, onBlur, isDisabled, necessityIndicator, validationState, errorText, helpText, successText, isRequired, icon, prefix, showClearButton, onClearButtonClick, isLoading, suffix, autoFocus, keyboardReturnKeyType, autoCompleteSuggestionType, }: TextInputProps) => ReactElement;
2356
+ declare const TextInput: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "placeholder" | "label" | "value" | "onFocus" | "onBlur" | "onChange" | "defaultValue" | "prefix" | "name" | "autoFocus" | "labelPosition" | "isDisabled" | "suffix" | "validationState" | "helpText" | "errorText" | "necessityIndicator" | "successText" | "isRequired" | "maxCharacters" | "keyboardReturnKeyType" | "autoCompleteSuggestionType"> & {
2357
+ /**
2358
+ * Decides whether to render a clear icon button
2359
+ */
2360
+ showClearButton?: boolean | undefined;
2361
+ /**
2362
+ * Event handler to handle the onClick event for clear button.
2363
+ */
2364
+ onClearButtonClick?: (() => void) | undefined;
2365
+ /**
2366
+ * Decides whether to show a loading spinner for the input field.
2367
+ */
2368
+ isLoading?: boolean | undefined;
2369
+ /**
2370
+ * Icon that will be rendered at the beginning of the input field
2371
+ */
2372
+ icon?: IconComponent$1 | undefined;
2373
+ /**
2374
+ * Type of Input Field to be rendered. Use `PasswordInput` for type `password`
2375
+ *
2376
+ * @default text
2377
+ */
2378
+ type?: Type;
2379
+ } & React__default.RefAttributes<BladeElementRef>>;
1915
2380
 
1916
2381
  declare type PasswordInputExtraProps = {
1917
2382
  /**
@@ -1944,7 +2409,7 @@ declare type PasswordInputExtraProps = {
1944
2409
  autoCompleteSuggestionType?: Extract<BaseInputProps['autoCompleteSuggestionType'], 'none' | 'password' | 'newPassword'>;
1945
2410
  };
1946
2411
  declare type PasswordInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'maxCharacters' | 'validationState' | 'errorText' | 'successText' | 'helpText' | 'isDisabled' | 'defaultValue' | 'placeholder' | 'isRequired' | 'value' | 'onChange' | 'onBlur' | 'onFocus' | 'name' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType'> & PasswordInputExtraProps;
1947
- declare const PasswordInput: ({ label, labelPosition, showRevealButton, maxCharacters, validationState, errorText, successText, helpText, isDisabled, defaultValue, placeholder, isRequired, necessityIndicator, value, onChange, onFocus, onBlur, name, autoFocus, keyboardReturnKeyType, autoCompleteSuggestionType, }: PasswordInputProps) => ReactElement;
2412
+ declare const PasswordInput: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "placeholder" | "label" | "value" | "onFocus" | "onBlur" | "onChange" | "defaultValue" | "name" | "autoFocus" | "labelPosition" | "isDisabled" | "validationState" | "helpText" | "errorText" | "successText" | "isRequired" | "maxCharacters" | "keyboardReturnKeyType" | "autoCompleteSuggestionType"> & PasswordInputExtraProps & React__default.RefAttributes<BladeElementRef>>;
1948
2413
 
1949
2414
  declare type TextAreaProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'value' | 'isDisabled' | 'isRequired' | 'maxCharacters' | 'autoFocus' | 'numberOfLines'> & {
1950
2415
  /**
@@ -1956,7 +2421,16 @@ declare type TextAreaProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'n
1956
2421
  */
1957
2422
  onClearButtonClick?: () => void;
1958
2423
  };
1959
- declare const TextArea: ({ label, labelPosition, necessityIndicator, errorText, helpText, successText, validationState, defaultValue, isDisabled, isRequired, name, onChange, onFocus, onBlur, placeholder, value, maxCharacters, showClearButton, onClearButtonClick, autoFocus, numberOfLines, }: TextAreaProps) => React__default.ReactElement;
2424
+ declare const TextArea: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "placeholder" | "label" | "value" | "onFocus" | "onBlur" | "onChange" | "defaultValue" | "name" | "autoFocus" | "numberOfLines" | "labelPosition" | "isDisabled" | "validationState" | "helpText" | "errorText" | "necessityIndicator" | "successText" | "isRequired" | "maxCharacters"> & {
2425
+ /**
2426
+ * Decides whether to render a clear icon button
2427
+ */
2428
+ showClearButton?: boolean | undefined;
2429
+ /**
2430
+ * Event handler to handle the onClick event for clear button.
2431
+ */
2432
+ onClearButtonClick?: (() => void) | undefined;
2433
+ } & React__default.RefAttributes<BladeElementRef>>;
1960
2434
 
1961
2435
  declare type OTPInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'name' | 'onChange' | 'value' | 'isDisabled' | 'autoFocus' | 'keyboardReturnKeyType' | 'keyboardType' | 'placeholder'> & {
1962
2436
  /**
@@ -2145,7 +2619,7 @@ declare type RadioProps = {
2145
2619
  */
2146
2620
  size?: 'small' | 'medium';
2147
2621
  };
2148
- declare const Radio: ({ value, children, helpText, isDisabled, size, }: RadioProps) => React__default.ReactElement;
2622
+ declare const Radio: React__default.ForwardRefExoticComponent<RadioProps & React__default.RefAttributes<BladeElementRef>>;
2149
2623
 
2150
2624
  declare type RadioGroupProps = {
2151
2625
  /**
@@ -2424,4 +2898,4 @@ declare const VisuallyHidden: ({ children }: VisuallyHiddenProps) => JSX.Element
2424
2898
 
2425
2899
  declare const screenReaderStyles: CSSObject;
2426
2900
 
2427
- export { Alert, AlertTriangleIcon as AlertOctagonIcon, AlertProps, AlertTriangleIcon$1 as AlertTriangleIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, Badge, BadgeProps, BankIcon, BladeProvider, BladeProviderProps, BookIcon, Button, ButtonProps, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, CheckCircleIcon, CheckIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClockIcon, CloseIcon, Code, CodeProps, ComponentIds, Counter, CounterProps, CreditCardIcon, DollarIcon, DownloadIcon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileTextIcon, Heading, HeadingProps, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconComponent, IconProps, IconSize, Indicator, IndicatorProps, InfoIcon, Link, LinkIcon, LinkProps, LockIcon, MailIcon, MinusIcon, OTPInput, OTPInputProps, PasswordInput, PasswordInputProps, PauseIcon, PlusIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, Radio, RadioGroup, RadioGroupProps, RadioProps, RefreshLeftIcon, RotateCounterClockWiseIcon, RupeeIcon, SearchIcon, SettingsIcon, SettlementsIcon, ShuffleIcon, SkipNavContent, SkipNavLink, SlashIcon, Spinner, SpinnerProps, TagIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, Title, TitleProps, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, UserIcon, UsersIcon, VisuallyHidden, VisuallyHiddenProps, announce, clearAnnouncer, destroyAnnouncer, getTextProps, screenReaderStyles, useTheme };
2901
+ export { ActivityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertTriangleIcon as AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon$1 as AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, Attachment as AttachmentIcon, AwardIcon, Badge, BadgeProps, BankIcon, BarChartAltIcon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BillIcon, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BoxIcon, BriefcaseIcon, Button, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodepenIcon, CoinsIcon, CommandIcon, CompassIcon, ComponentIds, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, CustomersIcon, CutIcon, DashboardIcon, DeleteIcon, DiscIcon, DollarIcon, DollarsIcon, DownloadCloudIcon, DownloadIcon, DropletIcon, EditComposeIcon, EditIcon, EditInlineIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphonesIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkIcon, LinkProps, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, MenuDotsIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputProps, OctagonIcon, OffersIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonsIcon, PaymentLinksIcon, PaymentPagesIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RefreshIcon, RepeatIcon, ReportsIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RoutesIcon, RupeeIcon, RupeesIcon, SaveIcon, ScissorsIcon, SearchIcon, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SpeakerIcon, Spinner, SpinnerProps, SquareIcon, StampIcon, StarIcon, StopCircleIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, TabletIcon, TagIcon, TargetIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, Title, TitleProps, ToggleLeftIcon, ToggleRightIcon, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VideoIcon, VideoOffIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getTextProps, screenReaderStyles, useTheme };