@cdx-ui/components 0.1.3 → 0.1.4
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/coverage.svg +1 -1
- package/lib/commonjs/components/Avatar/index.js +30 -8
- package/lib/commonjs/components/Avatar/index.js.map +1 -1
- package/lib/commonjs/components/Avatar/styles.js +163 -7
- package/lib/commonjs/components/Avatar/styles.js.map +1 -1
- package/lib/commonjs/components/CLAUDE.md +2 -1
- package/lib/commonjs/components/Chip/styles.js +1 -1
- package/lib/commonjs/components/Chip/styles.js.map +1 -1
- package/lib/commonjs/components/Drawer/animation.js +13 -0
- package/lib/commonjs/components/Drawer/animation.js.map +1 -0
- package/lib/commonjs/components/Drawer/index.js +739 -0
- package/lib/commonjs/components/Drawer/index.js.map +1 -0
- package/lib/commonjs/components/Drawer/styles.js +185 -0
- package/lib/commonjs/components/Drawer/styles.js.map +1 -0
- package/lib/commonjs/components/Drawer/utils.js +95 -0
- package/lib/commonjs/components/Drawer/utils.js.map +1 -0
- package/lib/commonjs/components/InsuranceDisclosure/styles.js +1 -1
- package/lib/commonjs/components/InsuranceDisclosure/styles.js.map +1 -1
- package/lib/commonjs/components/Menu/index.js +187 -61
- package/lib/commonjs/components/Menu/index.js.map +1 -1
- package/lib/commonjs/components/Menu/styles.js +32 -37
- package/lib/commonjs/components/Menu/styles.js.map +1 -1
- package/lib/commonjs/components/Select/index.js +2 -10
- package/lib/commonjs/components/Select/index.js.map +1 -1
- package/lib/commonjs/components/Tabs/styles.js +9 -10
- package/lib/commonjs/components/Tabs/styles.js.map +1 -1
- package/lib/commonjs/components/Toast/styles.js +1 -1
- package/lib/commonjs/components/Toast/styles.js.map +1 -1
- package/lib/commonjs/components/index.js +12 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/figma/Avatar.figma.js +18 -4
- package/lib/commonjs/figma/Avatar.figma.js.map +1 -1
- package/lib/commonjs/figma/Drawer.Content.figma.js +29 -0
- package/lib/commonjs/figma/Drawer.Content.figma.js.map +1 -0
- package/lib/commonjs/figma/Drawer.Description.figma.js +20 -0
- package/lib/commonjs/figma/Drawer.Description.figma.js.map +1 -0
- package/lib/commonjs/figma/Drawer.Footer.figma.js +41 -0
- package/lib/commonjs/figma/Drawer.Footer.figma.js.map +1 -0
- package/lib/commonjs/figma/Drawer.Header.figma.js +45 -0
- package/lib/commonjs/figma/Drawer.Header.figma.js.map +1 -0
- package/lib/commonjs/figma/Drawer.Title.figma.js +20 -0
- package/lib/commonjs/figma/Drawer.Title.figma.js.map +1 -0
- package/lib/commonjs/figma/Drawer.figma.js +41 -0
- package/lib/commonjs/figma/Drawer.figma.js.map +1 -0
- package/lib/commonjs/figma/Menu.Item.figma.js +33 -5
- package/lib/commonjs/figma/Menu.Item.figma.js.map +1 -1
- package/lib/commonjs/figma/icons.figma.batch.json +262 -2
- package/lib/module/components/Avatar/index.js +30 -8
- package/lib/module/components/Avatar/index.js.map +1 -1
- package/lib/module/components/Avatar/styles.js +163 -7
- package/lib/module/components/Avatar/styles.js.map +1 -1
- package/lib/module/components/CLAUDE.md +2 -1
- package/lib/module/components/Chip/styles.js +1 -1
- package/lib/module/components/Chip/styles.js.map +1 -1
- package/lib/module/components/Drawer/animation.js +7 -0
- package/lib/module/components/Drawer/animation.js.map +1 -0
- package/lib/module/components/Drawer/index.js +724 -0
- package/lib/module/components/Drawer/index.js.map +1 -0
- package/lib/module/components/Drawer/styles.js +181 -0
- package/lib/module/components/Drawer/styles.js.map +1 -0
- package/lib/module/components/Drawer/utils.js +86 -0
- package/lib/module/components/Drawer/utils.js.map +1 -0
- package/lib/module/components/InsuranceDisclosure/styles.js +1 -1
- package/lib/module/components/InsuranceDisclosure/styles.js.map +1 -1
- package/lib/module/components/Menu/index.js +178 -52
- package/lib/module/components/Menu/index.js.map +1 -1
- package/lib/module/components/Menu/styles.js +31 -36
- package/lib/module/components/Menu/styles.js.map +1 -1
- package/lib/module/components/Select/index.js +3 -11
- package/lib/module/components/Select/index.js.map +1 -1
- package/lib/module/components/Tabs/styles.js +9 -10
- package/lib/module/components/Tabs/styles.js.map +1 -1
- package/lib/module/components/Toast/styles.js +1 -1
- package/lib/module/components/Toast/styles.js.map +1 -1
- package/lib/module/components/index.js +1 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/figma/Avatar.figma.js +18 -4
- package/lib/module/figma/Avatar.figma.js.map +1 -1
- package/lib/module/figma/Drawer.Content.figma.js +23 -0
- package/lib/module/figma/Drawer.Content.figma.js.map +1 -0
- package/lib/module/figma/Drawer.Description.figma.js +14 -0
- package/lib/module/figma/Drawer.Description.figma.js.map +1 -0
- package/lib/module/figma/Drawer.Footer.figma.js +35 -0
- package/lib/module/figma/Drawer.Footer.figma.js.map +1 -0
- package/lib/module/figma/Drawer.Header.figma.js +39 -0
- package/lib/module/figma/Drawer.Header.figma.js.map +1 -0
- package/lib/module/figma/Drawer.Title.figma.js +14 -0
- package/lib/module/figma/Drawer.Title.figma.js.map +1 -0
- package/lib/module/figma/Drawer.figma.js +35 -0
- package/lib/module/figma/Drawer.figma.js.map +1 -0
- package/lib/module/figma/Menu.Item.figma.js +33 -5
- package/lib/module/figma/Menu.Item.figma.js.map +1 -1
- package/lib/module/figma/icons.figma.batch.json +262 -2
- package/lib/typescript/components/Avatar/index.d.ts +19 -1
- package/lib/typescript/components/Avatar/index.d.ts.map +1 -1
- package/lib/typescript/components/Avatar/styles.d.ts +10 -1
- package/lib/typescript/components/Avatar/styles.d.ts.map +1 -1
- package/lib/typescript/components/Drawer/animation.d.ts +9 -0
- package/lib/typescript/components/Drawer/animation.d.ts.map +1 -0
- package/lib/typescript/components/Drawer/index.d.ts +106 -0
- package/lib/typescript/components/Drawer/index.d.ts.map +1 -0
- package/lib/typescript/components/Drawer/styles.d.ts +32 -0
- package/lib/typescript/components/Drawer/styles.d.ts.map +1 -0
- package/lib/typescript/components/Drawer/utils.d.ts +23 -0
- package/lib/typescript/components/Drawer/utils.d.ts.map +1 -0
- package/lib/typescript/components/InsuranceDisclosure/styles.d.ts.map +1 -1
- package/lib/typescript/components/Menu/index.d.ts +29 -2
- package/lib/typescript/components/Menu/index.d.ts.map +1 -1
- package/lib/typescript/components/Menu/styles.d.ts +6 -2
- package/lib/typescript/components/Menu/styles.d.ts.map +1 -1
- package/lib/typescript/components/Select/index.d.ts.map +1 -1
- package/lib/typescript/components/Tabs/styles.d.ts.map +1 -1
- package/lib/typescript/components/index.d.ts +1 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/figma/Avatar.figma.d.ts.map +1 -1
- package/lib/typescript/figma/Drawer.Content.figma.d.ts +8 -0
- package/lib/typescript/figma/Drawer.Content.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Drawer.Description.figma.d.ts +8 -0
- package/lib/typescript/figma/Drawer.Description.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Drawer.Footer.figma.d.ts +11 -0
- package/lib/typescript/figma/Drawer.Footer.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Drawer.Header.figma.d.ts +8 -0
- package/lib/typescript/figma/Drawer.Header.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Drawer.Title.figma.d.ts +8 -0
- package/lib/typescript/figma/Drawer.Title.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Drawer.figma.d.ts +8 -0
- package/lib/typescript/figma/Drawer.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Menu.Item.figma.d.ts.map +1 -1
- package/package.json +5 -5
- package/src/components/Avatar/index.tsx +45 -9
- package/src/components/Avatar/styles.ts +106 -23
- package/src/components/CLAUDE.md +2 -1
- package/src/components/Chip/styles.ts +1 -1
- package/src/components/Drawer/animation.ts +11 -0
- package/src/components/Drawer/index.tsx +896 -0
- package/src/components/Drawer/styles.ts +188 -0
- package/src/components/Drawer/utils.ts +83 -0
- package/src/components/InsuranceDisclosure/styles.ts +1 -3
- package/src/components/Menu/index.tsx +204 -62
- package/src/components/Menu/styles.ts +44 -54
- package/src/components/Select/index.tsx +7 -9
- package/src/components/Tabs/styles.ts +9 -10
- package/src/components/Toast/styles.ts +1 -1
- package/src/components/index.ts +1 -0
|
@@ -972,12 +972,12 @@
|
|
|
972
972
|
"id": "icon-anchor"
|
|
973
973
|
},
|
|
974
974
|
{
|
|
975
|
-
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=
|
|
975
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2002-5108",
|
|
976
976
|
"name": "Android",
|
|
977
977
|
"id": "icon-android"
|
|
978
978
|
},
|
|
979
979
|
{
|
|
980
|
-
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=
|
|
980
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=9-5735",
|
|
981
981
|
"name": "Android",
|
|
982
982
|
"id": "icon-android"
|
|
983
983
|
},
|
|
@@ -1456,11 +1456,31 @@
|
|
|
1456
1456
|
"name": "AttachFileAdd",
|
|
1457
1457
|
"id": "icon-attach-file-add"
|
|
1458
1458
|
},
|
|
1459
|
+
{
|
|
1460
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-30047",
|
|
1461
|
+
"name": "AttachFileAlert",
|
|
1462
|
+
"id": "icon-attach-file-alert"
|
|
1463
|
+
},
|
|
1464
|
+
{
|
|
1465
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-30041",
|
|
1466
|
+
"name": "AttachFileCancel",
|
|
1467
|
+
"id": "icon-attach-file-cancel"
|
|
1468
|
+
},
|
|
1469
|
+
{
|
|
1470
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-30044",
|
|
1471
|
+
"name": "AttachFileCheck",
|
|
1472
|
+
"id": "icon-attach-file-check"
|
|
1473
|
+
},
|
|
1459
1474
|
{
|
|
1460
1475
|
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=9-6107",
|
|
1461
1476
|
"name": "AttachFileOff",
|
|
1462
1477
|
"id": "icon-attach-file-off"
|
|
1463
1478
|
},
|
|
1479
|
+
{
|
|
1480
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-30038",
|
|
1481
|
+
"name": "AttachFileRemove",
|
|
1482
|
+
"id": "icon-attach-file-remove"
|
|
1483
|
+
},
|
|
1464
1484
|
{
|
|
1465
1485
|
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=9-6113",
|
|
1466
1486
|
"name": "Attachment",
|
|
@@ -1721,6 +1741,61 @@
|
|
|
1721
1741
|
"name": "Ballot",
|
|
1722
1742
|
"id": "icon-ballot"
|
|
1723
1743
|
},
|
|
1744
|
+
{
|
|
1745
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29927",
|
|
1746
|
+
"name": "Bank",
|
|
1747
|
+
"id": "icon-bank"
|
|
1748
|
+
},
|
|
1749
|
+
{
|
|
1750
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29933",
|
|
1751
|
+
"name": "BankAdd",
|
|
1752
|
+
"id": "icon-bank-add"
|
|
1753
|
+
},
|
|
1754
|
+
{
|
|
1755
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29942",
|
|
1756
|
+
"name": "BankAlert",
|
|
1757
|
+
"id": "icon-bank-alert"
|
|
1758
|
+
},
|
|
1759
|
+
{
|
|
1760
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29939",
|
|
1761
|
+
"name": "BankCancel",
|
|
1762
|
+
"id": "icon-bank-cancel"
|
|
1763
|
+
},
|
|
1764
|
+
{
|
|
1765
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29948",
|
|
1766
|
+
"name": "BankLinked",
|
|
1767
|
+
"id": "icon-bank-linked"
|
|
1768
|
+
},
|
|
1769
|
+
{
|
|
1770
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29945",
|
|
1771
|
+
"name": "BankOff",
|
|
1772
|
+
"id": "icon-bank-off"
|
|
1773
|
+
},
|
|
1774
|
+
{
|
|
1775
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29936",
|
|
1776
|
+
"name": "BankRemove",
|
|
1777
|
+
"id": "icon-bank-remove"
|
|
1778
|
+
},
|
|
1779
|
+
{
|
|
1780
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29951",
|
|
1781
|
+
"name": "BankTransfer",
|
|
1782
|
+
"id": "icon-bank-transfer"
|
|
1783
|
+
},
|
|
1784
|
+
{
|
|
1785
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29954",
|
|
1786
|
+
"name": "BankTransferIn",
|
|
1787
|
+
"id": "icon-bank-transfer-in"
|
|
1788
|
+
},
|
|
1789
|
+
{
|
|
1790
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29957",
|
|
1791
|
+
"name": "BankTransferOut",
|
|
1792
|
+
"id": "icon-bank-transfer-out"
|
|
1793
|
+
},
|
|
1794
|
+
{
|
|
1795
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29930",
|
|
1796
|
+
"name": "BankTrusted",
|
|
1797
|
+
"id": "icon-bank-trusted"
|
|
1798
|
+
},
|
|
1724
1799
|
{
|
|
1725
1800
|
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=9-6269",
|
|
1726
1801
|
"name": "BarChart",
|
|
@@ -2936,6 +3011,56 @@
|
|
|
2936
3011
|
"name": "Cases",
|
|
2937
3012
|
"id": "icon-cases"
|
|
2938
3013
|
},
|
|
3014
|
+
{
|
|
3015
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29960",
|
|
3016
|
+
"name": "Cash",
|
|
3017
|
+
"id": "icon-cash"
|
|
3018
|
+
},
|
|
3019
|
+
{
|
|
3020
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29963",
|
|
3021
|
+
"name": "CashAdd",
|
|
3022
|
+
"id": "icon-cash-add"
|
|
3023
|
+
},
|
|
3024
|
+
{
|
|
3025
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29969",
|
|
3026
|
+
"name": "CashCancel",
|
|
3027
|
+
"id": "icon-cash-cancel"
|
|
3028
|
+
},
|
|
3029
|
+
{
|
|
3030
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29972",
|
|
3031
|
+
"name": "CashCheck",
|
|
3032
|
+
"id": "icon-cash-check"
|
|
3033
|
+
},
|
|
3034
|
+
{
|
|
3035
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29975",
|
|
3036
|
+
"name": "CashEdit",
|
|
3037
|
+
"id": "icon-cash-edit"
|
|
3038
|
+
},
|
|
3039
|
+
{
|
|
3040
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29978",
|
|
3041
|
+
"name": "CashOff",
|
|
3042
|
+
"id": "icon-cash-off"
|
|
3043
|
+
},
|
|
3044
|
+
{
|
|
3045
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29966",
|
|
3046
|
+
"name": "CashRemove",
|
|
3047
|
+
"id": "icon-cash-remove"
|
|
3048
|
+
},
|
|
3049
|
+
{
|
|
3050
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29981",
|
|
3051
|
+
"name": "CashReturn",
|
|
3052
|
+
"id": "icon-cash-return"
|
|
3053
|
+
},
|
|
3054
|
+
{
|
|
3055
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29984",
|
|
3056
|
+
"name": "CashSpeed",
|
|
3057
|
+
"id": "icon-cash-speed"
|
|
3058
|
+
},
|
|
3059
|
+
{
|
|
3060
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29987",
|
|
3061
|
+
"name": "CashWave",
|
|
3062
|
+
"id": "icon-cash-wave"
|
|
3063
|
+
},
|
|
2939
3064
|
{
|
|
2940
3065
|
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=9-7127",
|
|
2941
3066
|
"name": "Casino",
|
|
@@ -3121,6 +3246,11 @@
|
|
|
3121
3246
|
"name": "Checkbook",
|
|
3122
3247
|
"id": "icon-checkbook"
|
|
3123
3248
|
},
|
|
3249
|
+
{
|
|
3250
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-30032",
|
|
3251
|
+
"name": "CheckbookCheck",
|
|
3252
|
+
"id": "icon-checkbook-check"
|
|
3253
|
+
},
|
|
3124
3254
|
{
|
|
3125
3255
|
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=9-7238",
|
|
3126
3256
|
"name": "CheckBox",
|
|
@@ -3496,6 +3626,21 @@
|
|
|
3496
3626
|
"name": "Cognition",
|
|
3497
3627
|
"id": "icon-cognition"
|
|
3498
3628
|
},
|
|
3629
|
+
{
|
|
3630
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-30008",
|
|
3631
|
+
"name": "Coins",
|
|
3632
|
+
"id": "icon-coins"
|
|
3633
|
+
},
|
|
3634
|
+
{
|
|
3635
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-30011",
|
|
3636
|
+
"name": "CoinsDollar",
|
|
3637
|
+
"id": "icon-coins-dollar"
|
|
3638
|
+
},
|
|
3639
|
+
{
|
|
3640
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-30014",
|
|
3641
|
+
"name": "CoinsStack",
|
|
3642
|
+
"id": "icon-coins-stack"
|
|
3643
|
+
},
|
|
3499
3644
|
{
|
|
3500
3645
|
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=9-7502",
|
|
3501
3646
|
"name": "CollapseAll",
|
|
@@ -3886,11 +4031,21 @@
|
|
|
3886
4031
|
"name": "CreditCard",
|
|
3887
4032
|
"id": "icon-credit-card"
|
|
3888
4033
|
},
|
|
4034
|
+
{
|
|
4035
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29912",
|
|
4036
|
+
"name": "CreditCardCancel",
|
|
4037
|
+
"id": "icon-credit-card-cancel"
|
|
4038
|
+
},
|
|
3889
4039
|
{
|
|
3890
4040
|
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=9-7763",
|
|
3891
4041
|
"name": "CreditCardClock",
|
|
3892
4042
|
"id": "icon-credit-card-clock"
|
|
3893
4043
|
},
|
|
4044
|
+
{
|
|
4045
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29915",
|
|
4046
|
+
"name": "CreditCardEdit",
|
|
4047
|
+
"id": "icon-credit-card-edit"
|
|
4048
|
+
},
|
|
3894
4049
|
{
|
|
3895
4050
|
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=9-7766",
|
|
3896
4051
|
"name": "CreditCardGear",
|
|
@@ -3901,11 +4056,31 @@
|
|
|
3901
4056
|
"name": "CreditCardHeart",
|
|
3902
4057
|
"id": "icon-credit-card-heart"
|
|
3903
4058
|
},
|
|
4059
|
+
{
|
|
4060
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29918",
|
|
4061
|
+
"name": "CreditCardLock",
|
|
4062
|
+
"id": "icon-credit-card-lock"
|
|
4063
|
+
},
|
|
4064
|
+
{
|
|
4065
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29909",
|
|
4066
|
+
"name": "CreditCardMinus",
|
|
4067
|
+
"id": "icon-credit-card-minus"
|
|
4068
|
+
},
|
|
3904
4069
|
{
|
|
3905
4070
|
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=9-7772",
|
|
3906
4071
|
"name": "CreditCardOff",
|
|
3907
4072
|
"id": "icon-credit-card-off"
|
|
3908
4073
|
},
|
|
4074
|
+
{
|
|
4075
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29924",
|
|
4076
|
+
"name": "CreditCardReport",
|
|
4077
|
+
"id": "icon-credit-card-report"
|
|
4078
|
+
},
|
|
4079
|
+
{
|
|
4080
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29921",
|
|
4081
|
+
"name": "CreditCardUnlock",
|
|
4082
|
+
"id": "icon-credit-card-unlock"
|
|
4083
|
+
},
|
|
3909
4084
|
{
|
|
3910
4085
|
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=9-7775",
|
|
3911
4086
|
"name": "CreditScore",
|
|
@@ -4281,6 +4456,16 @@
|
|
|
4281
4456
|
"name": "DeployedCodeUpdate",
|
|
4282
4457
|
"id": "icon-deployed-code-update"
|
|
4283
4458
|
},
|
|
4459
|
+
{
|
|
4460
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-30050",
|
|
4461
|
+
"name": "Deposit",
|
|
4462
|
+
"id": "icon-deposit"
|
|
4463
|
+
},
|
|
4464
|
+
{
|
|
4465
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-30056",
|
|
4466
|
+
"name": "DepositSlot",
|
|
4467
|
+
"id": "icon-deposit-slot"
|
|
4468
|
+
},
|
|
4284
4469
|
{
|
|
4285
4470
|
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=9-8024",
|
|
4286
4471
|
"name": "Dermatology",
|
|
@@ -7206,6 +7391,11 @@
|
|
|
7206
7391
|
"name": "GroupOff",
|
|
7207
7392
|
"id": "icon-group-off"
|
|
7208
7393
|
},
|
|
7394
|
+
{
|
|
7395
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-30029",
|
|
7396
|
+
"name": "GroupPay",
|
|
7397
|
+
"id": "icon-group-pay"
|
|
7398
|
+
},
|
|
7209
7399
|
{
|
|
7210
7400
|
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=9-9957",
|
|
7211
7401
|
"name": "GroupRemove",
|
|
@@ -7261,6 +7451,16 @@
|
|
|
7261
7451
|
"name": "HandBones",
|
|
7262
7452
|
"id": "icon-hand-bones"
|
|
7263
7453
|
},
|
|
7454
|
+
{
|
|
7455
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-30017",
|
|
7456
|
+
"name": "HandCoin",
|
|
7457
|
+
"id": "icon-hand-coin"
|
|
7458
|
+
},
|
|
7459
|
+
{
|
|
7460
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-30113",
|
|
7461
|
+
"name": "HandDollar",
|
|
7462
|
+
"id": "icon-hand-dollar"
|
|
7463
|
+
},
|
|
7264
7464
|
{
|
|
7265
7465
|
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=9-10008",
|
|
7266
7466
|
"name": "HandGesture",
|
|
@@ -9271,6 +9471,16 @@
|
|
|
9271
9471
|
"name": "MailAsterisk",
|
|
9272
9472
|
"id": "icon-mail-asterisk"
|
|
9273
9473
|
},
|
|
9474
|
+
{
|
|
9475
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-30020",
|
|
9476
|
+
"name": "MailBill",
|
|
9477
|
+
"id": "icon-mail-bill"
|
|
9478
|
+
},
|
|
9479
|
+
{
|
|
9480
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-30023",
|
|
9481
|
+
"name": "MailBillAlt",
|
|
9482
|
+
"id": "icon-mail-bill-alt"
|
|
9483
|
+
},
|
|
9274
9484
|
{
|
|
9275
9485
|
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=9-11253",
|
|
9276
9486
|
"name": "MailLock",
|
|
@@ -11466,6 +11676,36 @@
|
|
|
11466
11676
|
"name": "Passport",
|
|
11467
11677
|
"id": "icon-passport"
|
|
11468
11678
|
},
|
|
11679
|
+
{
|
|
11680
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29990",
|
|
11681
|
+
"name": "PassportAdd",
|
|
11682
|
+
"id": "icon-passport-add"
|
|
11683
|
+
},
|
|
11684
|
+
{
|
|
11685
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-30005",
|
|
11686
|
+
"name": "PassportAlert",
|
|
11687
|
+
"id": "icon-passport-alert"
|
|
11688
|
+
},
|
|
11689
|
+
{
|
|
11690
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-30002",
|
|
11691
|
+
"name": "PassportBlocked",
|
|
11692
|
+
"id": "icon-passport-blocked"
|
|
11693
|
+
},
|
|
11694
|
+
{
|
|
11695
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29996",
|
|
11696
|
+
"name": "PassportCancel",
|
|
11697
|
+
"id": "icon-passport-cancel"
|
|
11698
|
+
},
|
|
11699
|
+
{
|
|
11700
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29999",
|
|
11701
|
+
"name": "PassportCheck",
|
|
11702
|
+
"id": "icon-passport-check"
|
|
11703
|
+
},
|
|
11704
|
+
{
|
|
11705
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-29993",
|
|
11706
|
+
"name": "PassportRemove",
|
|
11707
|
+
"id": "icon-passport-remove"
|
|
11708
|
+
},
|
|
11469
11709
|
{
|
|
11470
11710
|
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=9-12630",
|
|
11471
11711
|
"name": "Password",
|
|
@@ -11666,6 +11906,11 @@
|
|
|
11666
11906
|
"name": "PersonOff",
|
|
11667
11907
|
"id": "icon-person-off"
|
|
11668
11908
|
},
|
|
11909
|
+
{
|
|
11910
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-30026",
|
|
11911
|
+
"name": "PersonPay",
|
|
11912
|
+
"id": "icon-person-pay"
|
|
11913
|
+
},
|
|
11669
11914
|
{
|
|
11670
11915
|
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=9-12765",
|
|
11671
11916
|
"name": "PersonPin",
|
|
@@ -15586,6 +15831,11 @@
|
|
|
15586
15831
|
"name": "Target",
|
|
15587
15832
|
"id": "icon-target"
|
|
15588
15833
|
},
|
|
15834
|
+
{
|
|
15835
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-30035",
|
|
15836
|
+
"name": "TargetBullseye",
|
|
15837
|
+
"id": "icon-target-bullseye"
|
|
15838
|
+
},
|
|
15589
15839
|
{
|
|
15590
15840
|
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=9-15290",
|
|
15591
15841
|
"name": "Task",
|
|
@@ -17576,6 +17826,16 @@
|
|
|
17576
17826
|
"name": "WineBar",
|
|
17577
17827
|
"id": "icon-wine-bar"
|
|
17578
17828
|
},
|
|
17829
|
+
{
|
|
17830
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-30053",
|
|
17831
|
+
"name": "Withdraw",
|
|
17832
|
+
"id": "icon-withdraw"
|
|
17833
|
+
},
|
|
17834
|
+
{
|
|
17835
|
+
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=2717-30059",
|
|
17836
|
+
"name": "WithdrawSlot",
|
|
17837
|
+
"id": "icon-withdraw-slot"
|
|
17838
|
+
},
|
|
17579
17839
|
{
|
|
17580
17840
|
"url": "https://www.figma.com/design/LZtF3yG2izmXqsOGtGF11R/%E2%AD%90-Forge-DS--Icon-Library?node-id=9-16565",
|
|
17581
17841
|
"name": "Woman",
|
|
@@ -3,7 +3,25 @@ import { Image, Text, View, type ImageProps, type TextProps, type ViewProps } fr
|
|
|
3
3
|
import { type IAvatarImageProps, type IAvatarProps } from '@cdx-ui/primitives';
|
|
4
4
|
import { type IconProps } from '../Icon';
|
|
5
5
|
import { type AvatarVariantProps } from './styles';
|
|
6
|
-
export
|
|
6
|
+
export type AvatarColor = NonNullable<AvatarVariantProps['color']>;
|
|
7
|
+
export type AvatarVariant = NonNullable<AvatarVariantProps['variant']>;
|
|
8
|
+
export type AvatarShape = NonNullable<AvatarVariantProps['shape']>;
|
|
9
|
+
export interface AvatarProps extends ViewProps, IAvatarProps, Omit<AvatarVariantProps, 'color' | 'variant' | 'shape'> {
|
|
10
|
+
/**
|
|
11
|
+
* Color theme applied to the avatar surface and fallback content.
|
|
12
|
+
* @default 'brand'
|
|
13
|
+
*/
|
|
14
|
+
color?: AvatarColor;
|
|
15
|
+
/**
|
|
16
|
+
* Visual style variant.
|
|
17
|
+
* @default 'subtle'
|
|
18
|
+
*/
|
|
19
|
+
variant?: AvatarVariant;
|
|
20
|
+
/**
|
|
21
|
+
* Geometry of the avatar root and loaded image.
|
|
22
|
+
* @default 'circle'
|
|
23
|
+
*/
|
|
24
|
+
shape?: AvatarShape;
|
|
7
25
|
className?: string;
|
|
8
26
|
children?: ReactNode;
|
|
9
27
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAClG,OAAO,EAML,KAAK,iBAAiB,EACtB,KAAK,YAAY,EAClB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAyB,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,EACL,KAAK,kBAAkB,EAMxB,MAAM,UAAU,CAAC;AAgClB,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAClG,OAAO,EAML,KAAK,iBAAiB,EACtB,KAAK,YAAY,EAClB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAyB,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,EACL,KAAK,kBAAkB,EAMxB,MAAM,UAAU,CAAC;AAgClB,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC;AACnE,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,CAAC;AACvE,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC;AAEnE,MAAM,WAAW,WACf,SAAQ,SAAS,EAAE,YAAY,EAAE,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IACxF;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,8FAoCf,CAAC;AAQF,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAE,iBAAiB;IACrF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,oGA0ChB,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,kGAuBf,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU;8CAA6C,eAAe;;CAyB3E,CAAC;AAQF;;;GAGG;AACH,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;GAGG;AACH,QAAA,MAAM,WAAW,mGAkBhB,CAAC;AAQF,KAAK,uBAAuB,GAAG,OAAO,UAAU,GAAG;IACjD,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,KAAK,EAAE,OAAO,WAAW,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,MAAM,EAKb,uBAAuB,CAAC;AAE9B,YAAY,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -1,13 +1,22 @@
|
|
|
1
1
|
import { type VariantProps } from '@cdx-ui/utils';
|
|
2
2
|
export declare const avatarRootVariants: (props?: ({
|
|
3
3
|
size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xs" | "2xl" | null | undefined;
|
|
4
|
+
variant?: "solid" | "subtle" | null | undefined;
|
|
5
|
+
color?: "danger" | "warning" | "success" | "info" | "neutral" | "brand" | null | undefined;
|
|
6
|
+
shape?: "circle" | "rounded" | null | undefined;
|
|
7
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
|
+
export declare const avatarImageVariants: (props?: ({
|
|
9
|
+
shape?: "circle" | "rounded" | null | undefined;
|
|
4
10
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
5
|
-
export declare const avatarImageVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
6
11
|
export declare const avatarTextVariants: (props?: ({
|
|
7
12
|
size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xs" | "2xl" | null | undefined;
|
|
13
|
+
variant?: "solid" | "subtle" | null | undefined;
|
|
14
|
+
color?: "danger" | "warning" | "success" | "info" | "neutral" | "brand" | null | undefined;
|
|
8
15
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
9
16
|
export declare const avatarIconVariants: (props?: ({
|
|
10
17
|
size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xs" | "2xl" | null | undefined;
|
|
18
|
+
variant?: "solid" | "subtle" | null | undefined;
|
|
19
|
+
color?: "danger" | "warning" | "success" | "info" | "neutral" | "brand" | null | undefined;
|
|
11
20
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
12
21
|
export declare const avatarBadgeVariants: (props?: ({
|
|
13
22
|
size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xs" | "2xl" | null | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAIvD,eAAO,MAAM,kBAAkB
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAIvD,eAAO,MAAM,kBAAkB;;;;;8EAgD7B,CAAC;AAIH,eAAO,MAAM,mBAAmB;;8EAkB/B,CAAC;AAIF,eAAO,MAAM,kBAAkB;;;;8EAqC7B,CAAC;AAIH,eAAO,MAAM,kBAAkB;;;;8EAqC7B,CAAC;AAIH,eAAO,MAAM,mBAAmB;;8EAkB/B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { SharedValue } from 'react-native-reanimated';
|
|
2
|
+
export interface DrawerAnimationContextValue {
|
|
3
|
+
progress: SharedValue<number>;
|
|
4
|
+
}
|
|
5
|
+
export declare const DrawerAnimationProvider: import("react").FunctionComponent<{
|
|
6
|
+
children: import("react").ReactNode;
|
|
7
|
+
value: DrawerAnimationContextValue;
|
|
8
|
+
}>, useDrawerAnimation: () => DrawerAnimationContextValue;
|
|
9
|
+
//# sourceMappingURL=animation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../../../src/components/Drawer/animation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG3D,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC/B;AAED,eAAO,MAAO,uBAAuB;;;IAAE,kBAAkB,mCAGrD,CAAC"}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
import { ScrollView, View, type ScrollViewProps, type TextProps, type ViewProps } from 'react-native';
|
|
3
|
+
import { MODAL_OVERLAY_Z_INDEX, type IDrawerCloseProps, type IDrawerRootProps } from '@cdx-ui/primitives';
|
|
4
|
+
import { type AnimationRootDisableAll } from '../../animation';
|
|
5
|
+
import { type DrawerFooterVariantProps, type DrawerHeaderVariantProps, type DrawerPlacement, type DrawerVariantProps } from './styles';
|
|
6
|
+
export type { DrawerPlacement } from './styles';
|
|
7
|
+
export { useDrawer } from '@cdx-ui/primitives';
|
|
8
|
+
export interface DrawerRootProps extends Omit<ViewProps, 'children' | 'role'>, IDrawerRootProps, Omit<DrawerVariantProps, 'placement'> {
|
|
9
|
+
className?: string;
|
|
10
|
+
animation?: AnimationRootDisableAll;
|
|
11
|
+
/**
|
|
12
|
+
* Edge the panel attaches to. Applies to both `modal` and `permanent`.
|
|
13
|
+
* @default 'right'
|
|
14
|
+
*/
|
|
15
|
+
placement?: DrawerPlacement;
|
|
16
|
+
/**
|
|
17
|
+
* Stacking order for the modal overlay layer (backdrop + panel).
|
|
18
|
+
* Defaults to {@link MODAL_OVERLAY_Z_INDEX} (10000).
|
|
19
|
+
*/
|
|
20
|
+
zIndex?: number;
|
|
21
|
+
}
|
|
22
|
+
declare const DrawerRoot: import("react").ForwardRefExoticComponent<DrawerRootProps & import("react").RefAttributes<View>>;
|
|
23
|
+
export interface DrawerCloseProps extends IDrawerCloseProps {
|
|
24
|
+
className?: string;
|
|
25
|
+
/** Replaces the default close glyph. */
|
|
26
|
+
children?: ReactNode;
|
|
27
|
+
}
|
|
28
|
+
declare const DrawerClose: import("react").ForwardRefExoticComponent<DrawerCloseProps & import("react").RefAttributes<View>>;
|
|
29
|
+
export interface DrawerLeadingSlotProps extends ViewProps {
|
|
30
|
+
asChild?: boolean;
|
|
31
|
+
className?: string;
|
|
32
|
+
'aria-hidden'?: boolean;
|
|
33
|
+
}
|
|
34
|
+
declare const DrawerLeadingSlot: import("react").ForwardRefExoticComponent<DrawerLeadingSlotProps & import("react").RefAttributes<View>>;
|
|
35
|
+
/**
|
|
36
|
+
* Props for `Drawer.Header`.
|
|
37
|
+
*
|
|
38
|
+
* The header lays out its direct children as a fixed row regardless of JSX
|
|
39
|
+
* order: the first `Drawer.LeadingSlot` at the start, every other child
|
|
40
|
+
* (`Drawer.Title`, `Drawer.Description`, custom content) in a text column, and
|
|
41
|
+
* the close control at the end. Additional `Drawer.LeadingSlot` or
|
|
42
|
+
* `Drawer.Close` children are ignored.
|
|
43
|
+
*
|
|
44
|
+
* `Drawer.LeadingSlot` and `Drawer.Close` must be direct children. They are
|
|
45
|
+
* matched by component identity, so wrapping them in `memo()`, an HOC, or a
|
|
46
|
+
* custom component hides them from the header and they render in the text
|
|
47
|
+
* column instead.
|
|
48
|
+
*/
|
|
49
|
+
export interface DrawerHeaderProps extends ViewProps, DrawerHeaderVariantProps {
|
|
50
|
+
/**
|
|
51
|
+
* Substitute the header element with the single child. The child is rendered
|
|
52
|
+
* unchanged: no row partition and no close control are applied, and `close`
|
|
53
|
+
* is ignored.
|
|
54
|
+
*/
|
|
55
|
+
asChild?: boolean;
|
|
56
|
+
/**
|
|
57
|
+
* Close control rendered at the end of the row.
|
|
58
|
+
*
|
|
59
|
+
* - omitted: renders a composed `Drawer.Close` child if present, otherwise a
|
|
60
|
+
* default `<Drawer.Close />`
|
|
61
|
+
* - `null`: renders no close control
|
|
62
|
+
* - a node: rendered in place of the default and any `Drawer.Close` child
|
|
63
|
+
*/
|
|
64
|
+
close?: ReactNode;
|
|
65
|
+
className?: string;
|
|
66
|
+
children?: ReactNode;
|
|
67
|
+
}
|
|
68
|
+
declare const DrawerHeader: import("react").ForwardRefExoticComponent<DrawerHeaderProps & import("react").RefAttributes<View>>;
|
|
69
|
+
export interface DrawerTitleProps extends TextProps {
|
|
70
|
+
asChild?: boolean;
|
|
71
|
+
className?: string;
|
|
72
|
+
children?: ReactNode;
|
|
73
|
+
}
|
|
74
|
+
declare const DrawerTitle: import("react").ForwardRefExoticComponent<DrawerTitleProps & import("react").RefAttributes<View>>;
|
|
75
|
+
export interface DrawerDescriptionProps extends TextProps {
|
|
76
|
+
asChild?: boolean;
|
|
77
|
+
className?: string;
|
|
78
|
+
children?: ReactNode;
|
|
79
|
+
}
|
|
80
|
+
declare const DrawerDescription: import("react").ForwardRefExoticComponent<DrawerDescriptionProps & import("react").RefAttributes<View>>;
|
|
81
|
+
export interface DrawerContentProps extends ScrollViewProps {
|
|
82
|
+
className?: string;
|
|
83
|
+
contentClassName?: string;
|
|
84
|
+
children?: ReactNode;
|
|
85
|
+
fullBleed?: boolean;
|
|
86
|
+
}
|
|
87
|
+
declare const DrawerContent: import("react").ForwardRefExoticComponent<DrawerContentProps & import("react").RefAttributes<ScrollView>>;
|
|
88
|
+
export interface DrawerFooterProps extends ViewProps, DrawerFooterVariantProps {
|
|
89
|
+
asChild?: boolean;
|
|
90
|
+
className?: string;
|
|
91
|
+
children?: ReactNode;
|
|
92
|
+
direction?: 'row' | 'column';
|
|
93
|
+
}
|
|
94
|
+
declare const DrawerFooter: import("react").ForwardRefExoticComponent<DrawerFooterProps & import("react").RefAttributes<View>>;
|
|
95
|
+
type DrawerCompoundComponent = typeof DrawerRoot & {
|
|
96
|
+
Header: typeof DrawerHeader;
|
|
97
|
+
LeadingSlot: typeof DrawerLeadingSlot;
|
|
98
|
+
Close: typeof DrawerClose;
|
|
99
|
+
Title: typeof DrawerTitle;
|
|
100
|
+
Description: typeof DrawerDescription;
|
|
101
|
+
Content: typeof DrawerContent;
|
|
102
|
+
Footer: typeof DrawerFooter;
|
|
103
|
+
};
|
|
104
|
+
export declare const Drawer: DrawerCompoundComponent;
|
|
105
|
+
export { MODAL_OVERLAY_Z_INDEX };
|
|
106
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { type VariantProps } from '@cdx-ui/utils';
|
|
2
|
+
export declare const drawerPortalVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
3
|
+
export declare const drawerOverlayVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
4
|
+
export declare const drawerPanelVariants: (props?: ({
|
|
5
|
+
size?: "small" | "default" | "large" | null | undefined;
|
|
6
|
+
variant?: "permanent" | "modal" | null | undefined;
|
|
7
|
+
placement?: "bottom" | "left" | "right" | "top" | null | undefined;
|
|
8
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
9
|
+
export declare const drawerHeaderVariants: (props?: ({
|
|
10
|
+
showSeparator?: boolean | null | undefined;
|
|
11
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
12
|
+
export declare const drawerHeaderContentVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
13
|
+
export declare const drawerLeadingSlotVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
14
|
+
export declare const drawerTitleVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
15
|
+
export declare const drawerDescriptionVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
16
|
+
export declare const drawerContentVariants: (props?: ({
|
|
17
|
+
fullBleed?: boolean | null | undefined;
|
|
18
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
19
|
+
export declare const drawerContentInnerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
20
|
+
export declare const drawerFooterVariants: (props?: ({
|
|
21
|
+
showSeparator?: boolean | null | undefined;
|
|
22
|
+
direction?: "row" | "column" | null | undefined;
|
|
23
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
24
|
+
export declare const drawerCloseVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
25
|
+
export declare const drawerCloseIconVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
26
|
+
export type DrawerVariantProps = VariantProps<typeof drawerPanelVariants> & {
|
|
27
|
+
fullBleed?: boolean;
|
|
28
|
+
};
|
|
29
|
+
export type DrawerPlacement = NonNullable<DrawerVariantProps['placement']>;
|
|
30
|
+
export type DrawerHeaderVariantProps = VariantProps<typeof drawerHeaderVariants>;
|
|
31
|
+
export type DrawerFooterVariantProps = VariantProps<typeof drawerFooterVariants>;
|
|
32
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Drawer/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGvD,eAAO,MAAM,oBAAoB,oFAAmD,CAAC;AAErF,eAAO,MAAM,qBAAqB,oFAQhC,CAAC;AAYH,eAAO,MAAM,mBAAmB;;;;8EAgF/B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;8EAahC,CAAC;AAEF,eAAO,MAAM,2BAA2B,oFAA+C,CAAC;AAExF,eAAO,MAAM,yBAAyB,oFAAqD,CAAC;AAE5F,eAAO,MAAM,mBAAmB,oFAA2C,CAAC;AAE5E,eAAO,MAAM,yBAAyB,oFAA0C,CAAC;AAEjF,eAAO,MAAM,qBAAqB;;8EAUhC,CAAC;AAEH,eAAO,MAAM,0BAA0B,oFAAsB,CAAC;AAE9D,eAAO,MAAM,oBAAoB;;;8EAe/B,CAAC;AAEH,eAAO,MAAM,mBAAmB,oFAa9B,CAAC;AAEH,eAAO,MAAM,uBAAuB,oFAAwC,CAAC;AAE7E,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,GAAG;IAC1E,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC,CAAC;AAE3E,MAAM,MAAM,wBAAwB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAEjF,MAAM,MAAM,wBAAwB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { type EdgeInsets } from 'react-native-safe-area-context';
|
|
2
|
+
import type { DrawerPlacement, DrawerVariantProps } from './styles';
|
|
3
|
+
export declare const DRAWER_ENTER_MS = 300;
|
|
4
|
+
export declare const DRAWER_EXIT_MS = 220;
|
|
5
|
+
export declare const WEB_TRANSITION_SAFETY_MS: number;
|
|
6
|
+
export declare const DRAWER_ENTER_EASING: import("react-native-reanimated").EasingFunctionFactory;
|
|
7
|
+
export declare const DRAWER_EXIT_EASING: import("react-native-reanimated").EasingFunctionFactory;
|
|
8
|
+
export declare const DRAWER_WIDE_BREAKPOINT = 600;
|
|
9
|
+
export declare const DRAWER_EDGE_PADDING = 16;
|
|
10
|
+
export declare const DRAWER_SIZE_PX: {
|
|
11
|
+
readonly small: 240;
|
|
12
|
+
readonly default: 360;
|
|
13
|
+
readonly large: 480;
|
|
14
|
+
};
|
|
15
|
+
export declare function useSafeInsets(): EdgeInsets;
|
|
16
|
+
export declare function isHorizontalDrawerPlacement(placement: DrawerPlacement): boolean;
|
|
17
|
+
export declare function resolveDrawerPlacement(placement: DrawerVariantProps['placement']): DrawerPlacement;
|
|
18
|
+
export declare function useClampedDrawerExtent(size: DrawerVariantProps['size'], placement: DrawerPlacement): number;
|
|
19
|
+
export declare function getDrawerSlideKeyframes(placement: DrawerPlacement, extent: number): {
|
|
20
|
+
entering: import("react-native-reanimated").ReanimatedKeyframe;
|
|
21
|
+
exiting: import("react-native-reanimated").ReanimatedKeyframe;
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=utils.d.ts.map
|