@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 +38 -0
- package/build/components/index.d.ts +491 -17
- package/build/components/index.native.d.ts +491 -17
- package/build/components/index.native.js +459 -17
- package/build/components/index.native.js.map +1 -1
- package/build/components/index.web.js +7036 -189
- package/build/components/index.web.js.map +1 -1
- package/build/css/bankingThemeDarkDesktop.css +1 -1
- package/build/css/bankingThemeDarkMobile.css +1 -1
- package/build/css/bankingThemeLightDesktop.css +1 -1
- package/build/css/bankingThemeLightMobile.css +1 -1
- package/build/css/paymentThemeDarkDesktop.css +1 -1
- package/build/css/paymentThemeDarkMobile.css +1 -1
- package/build/css/paymentThemeLightDesktop.css +1 -1
- package/build/css/paymentThemeLightMobile.css +1 -1
- package/package.json +3 -3
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
|
-
|
|
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,
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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,
|
|
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 };
|