@apple-pie/slice 0.1.1 → 0.1.3
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/README.md +110 -5
- package/dist/cjs/chunks/{Avatar-zAhrTMO4.js → Avatar-YNcGDUzr.js} +27 -14
- package/dist/cjs/chunks/{AvatarGroup-qI2wNIKO.js → AvatarGroup-Dn5R1XIU.js} +2 -2
- package/dist/cjs/chunks/{Badge-Bv6c2YVC.js → Badge-CY_DG6cD.js} +2 -2
- package/dist/cjs/chunks/{Button-CNrcvIUu.js → Button-hg5kGC1P.js} +9 -9
- package/dist/cjs/chunks/{ButtonBar-CcL0wFXX.js → ButtonBar-C9Nm9faU.js} +2 -2
- package/dist/cjs/chunks/Camera-Dx_PT3pS.js +364 -0
- package/dist/cjs/chunks/{Card-pxbzaSWm.js → Card-AgEMKJ4O.js} +2 -2
- package/dist/cjs/chunks/{CheckBox-tcFDVDGG.js → CheckBox-CLMxlUff.js} +2 -2
- package/dist/cjs/chunks/{Chip-DfMVpYjg.js → Chip-CIy_Xe3i.js} +7 -7
- package/dist/cjs/chunks/{DivInput-hHsbuscc.js → DivInput-C73sqUF3.js} +10 -10
- package/dist/cjs/chunks/{Dot-BSSClfHQ.js → Dot-_HCJ3qxd.js} +2 -2
- package/dist/cjs/chunks/{DrggablePanel-BbDhV-a9.js → DrggablePanel-BzvBBhS7.js} +4 -4
- package/dist/cjs/chunks/{DropDown-C0vV24pv.js → DropDown-FZb52YxR.js} +9 -9
- package/dist/cjs/chunks/{ErrorSummary-CIUqlSLC.js → ErrorSummary-By4CjJ9a.js} +2 -2
- package/dist/cjs/chunks/{FileIcon-DTQaXxfC.js → FileIcon-hYwcre20.js} +2 -2
- package/dist/cjs/chunks/{FileList-C8Aq-iCW.js → FileList-BQgcnKPP.js} +21 -21
- package/dist/cjs/chunks/{FlexDiv-CW5gSa4V.js → FlexDiv-B3q6j3W9.js} +2 -2
- package/dist/cjs/chunks/{Grouper-B16IH2YM.js → Grouper-Bgc1wrQM.js} +2 -2
- package/dist/cjs/chunks/{IconButton-BDKARPkc.js → IconButton-CBWmUZxR.js} +2 -2
- package/dist/cjs/chunks/{Label-ZlQVpETS.js → Label-D15cIroT.js} +22 -20
- package/dist/cjs/chunks/{Overlay-Bb2YoSKr.js → Overlay-DL0EJDyk.js} +2 -2
- package/dist/cjs/chunks/{Pager-Bp1rPImK.js → Pager-TUxcWbmn.js} +3 -3
- package/dist/cjs/chunks/{ProgressIndicator-Qx3jfv8r.js → ProgressIndicator-qjya_Yb5.js} +4 -4
- package/dist/cjs/chunks/{PromptInput-7rftpDc1.js → PromptInput-ZqHQUfXw.js} +13 -13
- package/dist/cjs/chunks/{RadioButton-D5EJdMlL.js → RadioButton-Ce9uf54a.js} +3 -3
- package/dist/cjs/chunks/{RadioButtonList-DqsaDvEr.js → RadioButtonList-dhPr-Uhs.js} +2 -2
- package/dist/cjs/chunks/{Slider-CZvCAodl.js → Slider-CrjpZooG.js} +4 -4
- package/dist/cjs/chunks/{Switch-C9UtaIAt.js → Switch-Xqf0vwul.js} +2 -2
- package/dist/cjs/chunks/{TabBar-DlhY_3G4.js → TabBar-DuwypMB6.js} +2 -2
- package/dist/cjs/chunks/{TextArea-D0i83Jjq.js → TextArea-BhzVGfKA.js} +2 -2
- package/dist/cjs/chunks/{TextField-DRhQUqYA.js → TextField-hIjxrOG9.js} +10 -10
- package/dist/cjs/chunks/{Tip-CjMHa-fD.js → Tip-ik8-p4_4.js} +7 -7
- package/dist/cjs/chunks/{Toast-BdrI0h64.js → Toast-DMUM1wuL.js} +11 -11
- package/dist/cjs/chunks/{UploadArea-DBsMosuN.js → UploadArea-B4GA06LW.js} +15 -15
- package/dist/cjs/chunks/{_types-BMRxxH7h.js → _types-C_zOsCbB.js} +79 -11
- package/dist/cjs/chunks/colors-uej0anrN.js +27 -0
- package/dist/cjs/chunks/{utils-BsBHecUI.js → misc-C-M6KKsH.js} +27 -9
- package/dist/cjs/chunks/sseStore-Dg0WuXsI.js +59 -0
- package/dist/cjs/components/Avatar/index.js +7 -0
- package/dist/cjs/components/AvatarGroup/index.js +7 -0
- package/dist/cjs/{uikit → components}/Badge/index.js +1 -1
- package/dist/cjs/{uikit → components}/Button/index.js +4 -4
- package/dist/cjs/{uikit → components}/ButtonBar/index.js +4 -4
- package/dist/cjs/components/Camera/index.js +11 -0
- package/dist/cjs/{uikit → components}/Card/index.js +3 -3
- package/dist/cjs/{uikit → components}/CheckBox/index.js +3 -3
- package/dist/cjs/{uikit → components}/Chip/index.js +2 -2
- package/dist/cjs/components/DivInput/index.js +7 -0
- package/dist/cjs/{uikit → components}/Dot/index.js +1 -1
- package/dist/cjs/{uikit → components}/DraggablePanel/index.js +2 -2
- package/dist/cjs/{uikit → components}/DropDown/index.js +2 -2
- package/dist/cjs/{uikit → components}/ErrorSummary/index.js +1 -1
- package/dist/cjs/{uikit → components}/FileIcon/index.js +2 -2
- package/dist/cjs/{uikit → components}/FileList/index.js +4 -4
- package/dist/cjs/{uikit → components}/FlexDiv/index.js +1 -1
- package/dist/cjs/{uikit → components}/Grouper/index.js +4 -4
- package/dist/cjs/{uikit → components}/Icon/index.js +2 -2
- package/dist/cjs/{uikit → components}/IconButton/index.js +4 -4
- package/dist/cjs/{uikit → components}/Label/index.js +2 -2
- package/dist/cjs/{uikit → components}/Overlay/index.js +1 -1
- package/dist/cjs/components/Pager/index.js +7 -0
- package/dist/cjs/{uikit → components}/Progress/index.js +3 -3
- package/dist/cjs/{uikit → components}/PromptInput/index.js +7 -7
- package/dist/cjs/{uikit → components}/RadioButton/index.js +2 -2
- package/dist/cjs/{uikit → components}/RadioButtonList/index.js +3 -3
- package/dist/cjs/{uikit → components}/Slider/index.js +2 -2
- package/dist/cjs/{uikit → components}/Switch/index.js +1 -1
- package/dist/cjs/{uikit → components}/TabBar/index.js +4 -4
- package/dist/cjs/{uikit → components}/TextArea/index.js +5 -5
- package/dist/cjs/{uikit → components}/Textfield/index.js +6 -6
- package/dist/cjs/components/Tip/index.js +7 -0
- package/dist/cjs/{uikit → components}/Toast/index.js +4 -4
- package/dist/cjs/{uikit → components}/UploadArea/index.js +6 -6
- package/dist/cjs/hooks/useTrackRenders.js +3 -3
- package/dist/cjs/index.js +6 -6
- package/dist/cjs/stores/SSE.js +9 -0
- package/dist/cjs/stores.js +7 -3
- package/dist/cjs/utils/index.js +7 -0
- package/dist/cjs/utils/objects/index.js +140 -0
- package/dist/esm/chunks/{Avatar-D5mMmaIi.mjs → Avatar-CDMV6f9w.mjs} +30 -15
- package/dist/esm/chunks/{AvatarGroup-B3_zWk_-.mjs → AvatarGroup-BZ18GwhK.mjs} +3 -3
- package/dist/esm/chunks/{Badge-BISGWj5-.mjs → Badge-DyICxZP2.mjs} +2 -2
- package/dist/esm/chunks/{Button-qeCEnTFJ.mjs → Button-DJDS7Yad.mjs} +12 -12
- package/dist/esm/chunks/{ButtonBar-jMNpQysA.mjs → ButtonBar-DIsqJmrS.mjs} +3 -3
- package/dist/esm/chunks/Camera-BvJJ5cd-.mjs +380 -0
- package/dist/esm/chunks/{Card-4u4hpBAM.mjs → Card-DjHdCav5.mjs} +3 -3
- package/dist/esm/chunks/{CheckBox-D2jWAviD.mjs → CheckBox-C1LPehvl.mjs} +3 -3
- package/dist/esm/chunks/{Chip-DnsTVVmp.mjs → Chip-ByaaWpFx.mjs} +7 -7
- package/dist/esm/chunks/{DivInput-B4ohgnLJ.mjs → DivInput-B7BliU1p.mjs} +3 -3
- package/dist/esm/chunks/{Dot-C-Xu24wF.mjs → Dot-CLGwQu-i.mjs} +2 -2
- package/dist/esm/chunks/{DrggablePanel-CEg9sHHt.mjs → DrggablePanel-DvactFf5.mjs} +3 -3
- package/dist/esm/chunks/{DropDown-CCePGFHd.mjs → DropDown-CM01mO_W.mjs} +9 -9
- package/dist/esm/chunks/{ErrorSummary-CZw06dSh.mjs → ErrorSummary-S0shes-m.mjs} +2 -2
- package/dist/esm/chunks/{FileIcon-BcIJzIwA.mjs → FileIcon-CC_k5dUW.mjs} +1 -1
- package/dist/esm/chunks/{FileList-db86wx1X.mjs → FileList-CmlXqPXl.mjs} +18 -18
- package/dist/esm/chunks/{FlexDiv-BLYDgWu2.mjs → FlexDiv-LGEGGrT0.mjs} +2 -2
- package/dist/esm/chunks/{Grouper-D8mQt9_Q.mjs → Grouper-DNmAYWdR.mjs} +4 -4
- package/dist/esm/chunks/{IconButton-DlgZO9hb.mjs → IconButton-C8RBNFzh.mjs} +5 -5
- package/dist/esm/chunks/{Label-Cj_LkQLx.mjs → Label-DOvquc82.mjs} +21 -19
- package/dist/esm/chunks/{Overlay-Bh0enFIe.mjs → Overlay-Cw9o1fHb.mjs} +2 -2
- package/dist/esm/chunks/{Pager-6mBRDV3D.mjs → Pager-BX4TMwD_.mjs} +3 -3
- package/dist/esm/chunks/{ProgressIndicator-DsN3c0J5.mjs → ProgressIndicator-h11R3FG1.mjs} +5 -5
- package/dist/esm/chunks/{PromptInput-BGt0FgwF.mjs → PromptInput-DSHVUuEf.mjs} +14 -14
- package/dist/esm/chunks/{RadioButton-D9qz4XDZ.mjs → RadioButton-_lo_FJ8g.mjs} +4 -4
- package/dist/esm/chunks/{RadioButtonList-DCaC7MnI.mjs → RadioButtonList-CLHJxrI_.mjs} +3 -3
- package/dist/esm/chunks/{Slider-C3A8GCfH.mjs → Slider-Bih21QiT.mjs} +3 -3
- package/dist/esm/chunks/{Switch-Dt4ynf5r.mjs → Switch-nWg2Ykea.mjs} +2 -2
- package/dist/esm/chunks/{TabBar-CYGdcsab.mjs → TabBar-CDDzA_m1.mjs} +5 -5
- package/dist/esm/chunks/{TextArea-BWnMMBN0.mjs → TextArea-CyVBzMoN.mjs} +3 -3
- package/dist/esm/chunks/{TextField-D8j5hLhv.mjs → TextField-CYI2vbvO.mjs} +12 -12
- package/dist/esm/chunks/{Tip-CHQh-Yq0.mjs → Tip-B-cDOFvV.mjs} +6 -6
- package/dist/esm/chunks/{Toast-MzHPO4x3.mjs → Toast-ovxR12_-.mjs} +8 -8
- package/dist/esm/chunks/{UploadArea-DwGsYUhY.mjs → UploadArea-Kez3VD4d.mjs} +14 -14
- package/dist/esm/chunks/{_types-B0zIFpYY.mjs → _types-CTmvSEX0.mjs} +100 -32
- package/dist/esm/chunks/colors-DR9fLI5X.mjs +30 -0
- package/dist/esm/chunks/{utils-BQ1v7VE4.mjs → misc-cg9I7drO.mjs} +21 -2
- package/dist/esm/chunks/sseStore-m3IPyLwJ.mjs +56 -0
- package/dist/esm/components/Avatar/index.mjs +11 -0
- package/dist/esm/components/AvatarGroup/index.mjs +13 -0
- package/dist/esm/{uikit → components}/Badge/index.mjs +1 -1
- package/dist/esm/{uikit → components}/Button/index.mjs +6 -6
- package/dist/esm/{uikit → components}/ButtonBar/index.mjs +6 -6
- package/dist/esm/components/Camera/index.mjs +35 -0
- package/dist/esm/{uikit → components}/Card/index.mjs +3 -3
- package/dist/esm/{uikit → components}/CheckBox/index.mjs +3 -3
- package/dist/esm/{uikit → components}/Chip/index.mjs +3 -3
- package/dist/esm/{uikit → components}/DivInput/index.mjs +2 -2
- package/dist/esm/{uikit → components}/Dot/index.mjs +1 -1
- package/dist/esm/{uikit → components}/DraggablePanel/index.mjs +2 -2
- package/dist/esm/{uikit → components}/DropDown/index.mjs +3 -3
- package/dist/esm/{uikit → components}/ErrorSummary/index.mjs +1 -1
- package/dist/esm/{uikit → components}/FileIcon/index.mjs +2 -2
- package/dist/esm/{uikit → components}/FileList/index.mjs +5 -5
- package/dist/esm/{uikit → components}/FlexDiv/index.mjs +1 -1
- package/dist/esm/{uikit → components}/Grouper/index.mjs +4 -4
- package/dist/esm/{uikit → components}/Icon/index.mjs +2 -2
- package/dist/esm/{uikit → components}/IconButton/index.mjs +5 -5
- package/dist/esm/{uikit → components}/Label/index.mjs +2 -2
- package/dist/esm/{uikit → components}/Overlay/index.mjs +1 -1
- package/dist/esm/components/Pager/index.mjs +11 -0
- package/dist/esm/{uikit → components}/Progress/index.mjs +3 -3
- package/dist/esm/{uikit → components}/PromptInput/index.mjs +9 -9
- package/dist/esm/{uikit → components}/RadioButton/index.mjs +3 -3
- package/dist/esm/{uikit → components}/RadioButtonList/index.mjs +4 -4
- package/dist/esm/{uikit → components}/Slider/index.mjs +2 -2
- package/dist/esm/{uikit → components}/Switch/index.mjs +1 -1
- package/dist/esm/{uikit → components}/TabBar/index.mjs +6 -6
- package/dist/esm/{uikit → components}/TextArea/index.mjs +7 -7
- package/dist/esm/{uikit → components}/Textfield/index.mjs +8 -8
- package/dist/esm/{uikit → components}/Tip/index.mjs +2 -2
- package/dist/esm/{uikit → components}/Toast/index.mjs +3 -3
- package/dist/esm/{uikit → components}/UploadArea/index.mjs +6 -6
- package/dist/esm/hooks/useTrackRenders.mjs +1 -1
- package/dist/esm/index.mjs +39 -37
- package/dist/esm/stores/SSE.mjs +7 -0
- package/dist/esm/stores.mjs +4 -0
- package/dist/esm/utils/index.mjs +7 -0
- package/dist/esm/utils/objects/index.mjs +140 -0
- package/dist/types/{uikit → components}/Avatar/_types.d.ts +3 -3
- package/dist/types/components/Camera/Camera.d.ts +11 -0
- package/dist/types/components/Camera/_types.d.ts +78 -0
- package/dist/types/components/Camera/index.d.ts +2 -0
- package/dist/types/{uikit → components}/Icon/_types.d.ts +5 -0
- package/dist/types/{uikit → components}/Switch/Switch.stories.d.ts +1 -1
- package/dist/types/hooks/useToolTip/useToolTip.d.ts +1 -1
- package/dist/types/index.d.ts +74 -74
- package/dist/types/stores/SSE/_types.d.ts +17 -0
- package/dist/types/stores/SSE/index.d.ts +2 -0
- package/dist/types/stores/SSE/sseStore.d.ts +28 -0
- package/dist/types/stores/index.d.ts +1 -0
- package/dist/types/stores/tip/_types.d.ts +1 -1
- package/dist/types/stores/toast/_types.d.ts +1 -1
- package/dist/types/utils/functions/colors.d.ts +8 -0
- package/dist/types/{util → utils/functions}/files.d.ts +1 -1
- package/dist/types/{util/utils.d.ts → utils/functions/misc.d.ts} +2 -2
- package/dist/types/utils/index.d.ts +4 -0
- package/dist/types/utils/objects/SSEConnection/SSEConnection.d.ts +166 -0
- package/dist/types/utils/objects/WSConnection/WSConnection.d.ts +0 -0
- package/dist/types/utils/objects/index.d.ts +2 -0
- package/package.json +15 -5
- package/dist/cjs/chunks/Logos-CAHU-eIP.js +0 -483
- package/dist/cjs/uikit/Avatar/index.js +0 -6
- package/dist/cjs/uikit/AvatarGroup/index.js +0 -7
- package/dist/cjs/uikit/DivInput/index.js +0 -7
- package/dist/cjs/uikit/Logos/index.js +0 -9
- package/dist/cjs/uikit/Pager/index.js +0 -7
- package/dist/cjs/uikit/Tip/index.js +0 -7
- package/dist/esm/chunks/Logos-CpcaarOG.mjs +0 -493
- package/dist/esm/uikit/Avatar/index.mjs +0 -9
- package/dist/esm/uikit/AvatarGroup/index.mjs +0 -11
- package/dist/esm/uikit/Logos/index.mjs +0 -25
- package/dist/esm/uikit/Pager/index.mjs +0 -11
- package/dist/types/uikit/Logos/Logos.d.ts +0 -2
- package/dist/types/uikit/Logos/_types.d.ts +0 -9
- package/dist/types/uikit/Logos/index.d.ts +0 -2
- package/dist/types/util/flexBox.d.ts +0 -11
- package/dist/types/workers/uploads/uploads.runtime.d.ts +0 -1
- /package/dist/cjs/{uikit → components}/DocIcon/index.js +0 -0
- /package/dist/cjs/{uikit → components}/Spacer/index.js +0 -0
- /package/dist/esm/{uikit → components}/DocIcon/index.mjs +0 -0
- /package/dist/esm/{uikit → components}/Spacer/index.mjs +0 -0
- /package/dist/types/{uikit → components}/Avatar/Avatar.d.ts +0 -0
- /package/dist/types/{uikit → components}/Avatar/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/AvatarGroup/AvatarGroup.d.ts +0 -0
- /package/dist/types/{uikit → components}/AvatarGroup/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/AvatarGroup/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Badge/Badge.d.ts +0 -0
- /package/dist/types/{uikit → components}/Badge/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Badge/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Button/Button.d.ts +0 -0
- /package/dist/types/{uikit → components}/Button/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Button/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/ButtonBar/ButtonBar.d.ts +0 -0
- /package/dist/types/{uikit → components}/ButtonBar/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/ButtonBar/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Card/Card.d.ts +0 -0
- /package/dist/types/{uikit → components}/Card/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Card/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/CheckBox/CheckBox.d.ts +0 -0
- /package/dist/types/{uikit → components}/CheckBox/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/CheckBox/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Chip/Chip.d.ts +0 -0
- /package/dist/types/{uikit → components}/Chip/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Chip/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/DivInput/DivInput.d.ts +0 -0
- /package/dist/types/{uikit → components}/DivInput/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/DivInput/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/DocIcon/DocIcons.d.ts +0 -0
- /package/dist/types/{uikit → components}/DocIcon/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/DocIcon/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Dot/Dot.d.ts +0 -0
- /package/dist/types/{uikit → components}/Dot/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Dot/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/DraggablePanel/DrggablePanel.d.ts +0 -0
- /package/dist/types/{uikit → components}/DraggablePanel/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/DraggablePanel/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/DropDown/DropDown.d.ts +0 -0
- /package/dist/types/{uikit → components}/DropDown/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/DropDown/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/ErrorSummary/ErrorSummary.d.ts +0 -0
- /package/dist/types/{uikit → components}/ErrorSummary/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/ErrorSummary/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/FileIcon/FileIcon.d.ts +0 -0
- /package/dist/types/{uikit → components}/FileIcon/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/FileIcon/fileIconRegistry.d.ts +0 -0
- /package/dist/types/{uikit → components}/FileIcon/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/FileList/FileList.d.ts +0 -0
- /package/dist/types/{uikit → components}/FileList/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/FileList/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/FlexDiv/FlexDiv.d.ts +0 -0
- /package/dist/types/{uikit → components}/FlexDiv/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/FlexDiv/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Grouper/Grouper.d.ts +0 -0
- /package/dist/types/{uikit → components}/Grouper/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Grouper/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Icon/Icon.d.ts +0 -0
- /package/dist/types/{uikit → components}/Icon/iconRegistry.d.ts +0 -0
- /package/dist/types/{uikit → components}/Icon/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/IconButton/IconButton.d.ts +0 -0
- /package/dist/types/{uikit → components}/IconButton/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/IconButton/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Label/Label.d.ts +0 -0
- /package/dist/types/{uikit → components}/Label/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Label/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Overlay/Overlay.d.ts +0 -0
- /package/dist/types/{uikit → components}/Overlay/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Overlay/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Pager/Pager.d.ts +0 -0
- /package/dist/types/{uikit → components}/Pager/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Pager/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Progress/DoneCheck/DoneCheck.d.ts +0 -0
- /package/dist/types/{uikit → components}/Progress/DoneCheck/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Progress/ProgressIndicator/ProgressIndicator.d.ts +0 -0
- /package/dist/types/{uikit → components}/Progress/ProgressIndicator/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Progress/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/PromptInput/PromptInput.d.ts +0 -0
- /package/dist/types/{uikit → components}/PromptInput/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/PromptInput/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/RadioButton/RadioButton.d.ts +0 -0
- /package/dist/types/{uikit → components}/RadioButton/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/RadioButton/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/RadioButtonList/RadioButtonList.d.ts +0 -0
- /package/dist/types/{uikit → components}/RadioButtonList/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/RadioButtonList/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Slider/Slider.d.ts +0 -0
- /package/dist/types/{uikit → components}/Slider/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Slider/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Spacer/Spacer.d.ts +0 -0
- /package/dist/types/{uikit → components}/Spacer/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Spacer/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Switch/Switch.d.ts +0 -0
- /package/dist/types/{uikit → components}/Switch/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Switch/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/TabBar/TabBar.d.ts +0 -0
- /package/dist/types/{uikit → components}/TabBar/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/TabBar/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/TextArea/TextArea.d.ts +0 -0
- /package/dist/types/{uikit → components}/TextArea/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/TextArea/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Textfield/TextField.d.ts +0 -0
- /package/dist/types/{uikit → components}/Textfield/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Textfield/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Tip/Tip.d.ts +0 -0
- /package/dist/types/{uikit → components}/Tip/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Tip/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Toast/Toast.d.ts +0 -0
- /package/dist/types/{uikit → components}/Toast/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Toast/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/UploadArea/UploadArea.d.ts +0 -0
- /package/dist/types/{uikit → components}/UploadArea/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/UploadArea/index.d.ts +0 -0
- /package/dist/types/{stories → components}/playHelpers.d.ts +0 -0
- /package/dist/types/{uikit → components}/sharedTypes.d.ts +0 -0
- /package/dist/types/{util → utils/functions}/debounce.d.ts +0 -0
|
@@ -4,18 +4,18 @@ var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/
|
|
|
4
4
|
|
|
5
5
|
require("../theme/colors.js"), require("../hooks/useWindow.js");
|
|
6
6
|
|
|
7
|
-
var Button = require("./Button-
|
|
8
|
-
wrapper: "TextField-
|
|
9
|
-
container: "TextField-
|
|
10
|
-
label: "TextField-
|
|
11
|
-
input: "TextField-
|
|
12
|
-
showPassword: "TextField-
|
|
13
|
-
s: "TextField-
|
|
14
|
-
m: "TextField-
|
|
15
|
-
l: "TextField-
|
|
7
|
+
var Button = require("./Button-hg5kGC1P.js"), _types = require("./_types-C_zOsCbB.js"), IconButton = require("./IconButton-CBWmUZxR.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css = {
|
|
8
|
+
wrapper: "TextField-module_wrapper__qZ-p- flexBox-module_rowStart__4tcxS",
|
|
9
|
+
container: "TextField-module_container__5U9yK flexBox-module_rowStart__4tcxS",
|
|
10
|
+
label: "TextField-module_label__jD8MR flexBox-module_rowStart__4tcxS",
|
|
11
|
+
input: "TextField-module_input__AkWBQ",
|
|
12
|
+
showPassword: "TextField-module_showPassword__4Ecfo flexBox-module_row__z24tF",
|
|
13
|
+
s: "TextField-module_s__0qm83 type-module_body-s-regular__vRHSP",
|
|
14
|
+
m: "TextField-module_m__M-tLl type-module_body-m-regular__LuQBA",
|
|
15
|
+
l: "TextField-module_l__gbNRz type-module_body-l-regular__lOYbg"
|
|
16
16
|
};
|
|
17
17
|
|
|
18
|
-
styleInject_es.styleInject(".flexBox-
|
|
18
|
+
styleInject_es.styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.TextField-module_wrapper__qZ-p- {\n\tposition: relative;\n\tpadding: var(--tf-padding) !important;\n\tgap: 8px;\n\toverflow: visible;\n\twidth: var(--tf-width);\n\theight: var(--tf-height);\n\tborder-radius: var(--tf-border-radius);\n\tbackground: var(--tf-bg);\n\tbox-shadow: var(--tf-box-shadow);\n\ttransition: all var(--motion-water-duration) var(--motion-water) 0s;\n}\n\n.TextField-module_container__5U9yK {\n\tflex: 1;\n\theight: 100%;\n\tgap: 8px;\n}\n\n.TextField-module_label__jD8MR {\n\tcolor: var(--tf-label-color);\n\theight: auto;\n\toverflow: hidden;\n\twhite-space: nowrap;\n}\n\n.TextField-module_input__AkWBQ {\n\tcolor: var(--tf-text-color);\n\tbackground-color: transparent;\n\tbox-sizing: border-box;\n\toutline: none;\n\tborder: 0;\n\theight: 100%;\n\twidth: 100%;\n\ttext-align: var(--tf-text-align);\n\t&::placeholder {\n\t\tcolor: var(--tf-placeholder-color);\n\t}\n\t&:focus::placeholder {\n\t\tcolor: var(--tf-placeholder-color);\n\t}\n\t&:disabled {\n\t\tcolor: var(--core-text-disabled);\n\t}\n\t&:-webkit-autofill,\n\t&:-webkit-autofill:hover,\n\t&:-webkit-autofill:focus,\n\t&:-webkit-autofill:active {\n\t\tbox-shadow: 0 0 0 50px var(--core-button-disabled) inset !important;\n\t\t-webkit-text-fill-color: var(--core-text-primary);\n\t}\n}\n\n.TextField-module_showPassword__4Ecfo {\n\tmin-height: 18px;\n\tmin-width: 18px;\n\tmax-height: 18px;\n\tmax-width: 18px;\n\topacity: var(--tf-show-opacity);\n\t&:hover {\n\t\topacity: var(--tf-show-opacity-hover);\n\t}\n}\n\n.TextField-module_s__0qm83 {\n}\n\n.TextField-module_m__M-tLl {\n}\n\n.TextField-module_l__gbNRz {\n}\n");
|
|
19
19
|
|
|
20
20
|
const MOTION_CONFIG = {
|
|
21
21
|
variants: {
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"),
|
|
4
|
-
wrapper: "Tip-
|
|
5
|
-
s: "Tip-
|
|
6
|
-
m: "Tip-
|
|
7
|
-
l: "Tip-
|
|
3
|
+
var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-C-M6KKsH.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css = {
|
|
4
|
+
wrapper: "Tip-module_wrapper__D7ACT flexBox-module_rowStart__4tcxS",
|
|
5
|
+
s: "Tip-module_s__Wvz3q type-module_body-s-regular__vRHSP",
|
|
6
|
+
m: "Tip-module_m__9qJbB type-module_body-m-regular__LuQBA",
|
|
7
|
+
l: "Tip-module_l__OdNuh type-module_body-l-regular__lOYbg"
|
|
8
8
|
};
|
|
9
9
|
|
|
10
|
-
styleInject_es.styleInject(".flexBox-
|
|
10
|
+
styleInject_es.styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.Tip-module_wrapper__D7ACT {\n\tpadding: var(--tooltip-padding) !important;\n\tposition: fixed;\n\tborder: var(--tooltip-border);\n\tborder-radius: var(--tooltip-border-radius);\n\tbackground: var(--tooltip-background);\n\tz-index: var(--elevation-describe);\n}\n\n.Tip-module_s__Wvz3q {\n}\n\n.Tip-module_m__9qJbB {\n}\n.Tip-module_l__OdNuh {\n}\n");
|
|
11
11
|
|
|
12
12
|
const tipBasePos = {
|
|
13
13
|
left: 0,
|
|
@@ -51,7 +51,7 @@ const tipBasePos = {
|
|
|
51
51
|
left: `${null != left ? left : 0}px`,
|
|
52
52
|
top: `${null != top ? top : 0}px`
|
|
53
53
|
};
|
|
54
|
-
}, [ pos ]), classNames = React.useMemo(() =>
|
|
54
|
+
}, [ pos ]), classNames = React.useMemo(() => misc.filterClasses([ css.wrapper, css[size], divClass ]), [ size, divClass ]);
|
|
55
55
|
return jsxRuntime.jsx(react.motion.div, Object.assign({
|
|
56
56
|
ref: ref,
|
|
57
57
|
id: divId,
|
|
@@ -4,15 +4,15 @@ var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/
|
|
|
4
4
|
|
|
5
5
|
require("../theme/colors.js"), require("../hooks/useWindow.js");
|
|
6
6
|
|
|
7
|
-
var ToastType,
|
|
8
|
-
wrapper: "Toast-
|
|
9
|
-
close: "Toast-
|
|
10
|
-
s: "Toast-
|
|
11
|
-
m: "Toast-
|
|
12
|
-
l: "Toast-
|
|
7
|
+
var ToastType, misc = require("./misc-C-M6KKsH.js"), _types = require("./_types-C_zOsCbB.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css = {
|
|
8
|
+
wrapper: "Toast-module_wrapper__1uj9O flexBox-module_rowBetween__5FEvi",
|
|
9
|
+
close: "Toast-module_close__i10-s flexBox-module_row__z24tF",
|
|
10
|
+
s: "Toast-module_s__kc5Ef type-module_body-s-regular__vRHSP",
|
|
11
|
+
m: "Toast-module_m__JtmLz type-module_body-m-regular__LuQBA",
|
|
12
|
+
l: "Toast-module_l__-W0PD type-module_body-l-regular__lOYbg"
|
|
13
13
|
};
|
|
14
14
|
|
|
15
|
-
styleInject_es.styleInject(".flexBox-
|
|
15
|
+
styleInject_es.styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.Toast-module_wrapper__1uj9O {\n\tpadding: var(--toast-padding) !important;\n\tcolor: var(--toast-color);\n\tposition: fixed;\n\tborder: var(--toast-border);\n\tborder-radius: var(--toast-border-radius);\n\tbackground: var(--toast-background);\n\tz-index: var(--elevation-status);\n\tgap: 16px;\n\tbox-shadow: var(--surface-shadow-soft);\n\tleft: 50%;\n\ttransform: translateX(-50%);\n}\n\n.Toast-module_close__i10-s {\n\tmin-height: 20px;\n\tmax-height: 20px;\n\tmin-width: 20px;\n\tmax-width: 20px;\n}\n\n.Toast-module_s__kc5Ef {\n}\n\n.Toast-module_m__JtmLz {\n}\n.Toast-module_l__-W0PD {\n}\n"),
|
|
16
16
|
exports.ToastType = void 0, (ToastType = exports.ToastType || (exports.ToastType = {})).Success = "success",
|
|
17
17
|
ToastType.Error = "error", ToastType.Warning = "warning", ToastType.Info = "info";
|
|
18
18
|
|
|
@@ -59,11 +59,11 @@ const ToastBase = React.forwardRef((props, ref) => {
|
|
|
59
59
|
};
|
|
60
60
|
}
|
|
61
61
|
}, [ type ]), cssVars = React.useMemo(() => ({
|
|
62
|
-
"--toast-padding":
|
|
62
|
+
"--toast-padding": misc.setStyle(padding, defaultPadding),
|
|
63
63
|
"--toast-background": colorScheme.bg,
|
|
64
64
|
"--toast-color": colorScheme.text,
|
|
65
65
|
"--toast-border": border ? `1px solid ${colorScheme.border}` : "unset",
|
|
66
|
-
"--toast-border-radius":
|
|
66
|
+
"--toast-border-radius": misc.setStyle(radius, 4)
|
|
67
67
|
}), [ padding, border, colorScheme, radius, defaultPadding ]), variants = React.useMemo(() => {
|
|
68
68
|
const positionShow = "bottom" === position ? {
|
|
69
69
|
bottom: offset
|
|
@@ -92,7 +92,7 @@ const ToastBase = React.forwardRef((props, ref) => {
|
|
|
92
92
|
transition: transition
|
|
93
93
|
})
|
|
94
94
|
};
|
|
95
|
-
}, [ position, offset ]), classNames = React.useMemo(() =>
|
|
95
|
+
}, [ position, offset ]), classNames = React.useMemo(() => misc.filterClasses([ css.wrapper, css[size], divClass ]), [ size, divClass ]), handleClose = React.useCallback(() => {
|
|
96
96
|
setReady(!1);
|
|
97
97
|
}, []), handleMouseOver = React.useCallback(() => {
|
|
98
98
|
timer.current && clearTimeout(timer.current);
|
|
@@ -144,7 +144,7 @@ const ToastBase = React.forwardRef((props, ref) => {
|
|
|
144
144
|
tabIndex: 0,
|
|
145
145
|
role: "button",
|
|
146
146
|
"aria-label": "dismiss message",
|
|
147
|
-
onKeyDown: e =>
|
|
147
|
+
onKeyDown: e => misc.accessibleKeyDown(e, handleClose),
|
|
148
148
|
onClick: handleClose,
|
|
149
149
|
children: jsxRuntime.jsx(_types.Icon, {
|
|
150
150
|
name: "x",
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var jsxRuntime = require("react/jsx-runtime"), React = require("react"),
|
|
4
|
-
wrapper: "UploadArea-
|
|
5
|
-
icon: "UploadArea-
|
|
6
|
-
title: "UploadArea-
|
|
7
|
-
message: "UploadArea-
|
|
8
|
-
files: "UploadArea-
|
|
9
|
-
xs: "UploadArea-
|
|
10
|
-
s: "UploadArea-
|
|
11
|
-
m: "UploadArea-
|
|
12
|
-
l: "UploadArea-
|
|
3
|
+
var jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-C-M6KKsH.js"), FileList = require("./FileList-BQgcnKPP.js"), _types = require("./_types-C_zOsCbB.js"), ProgressIndicator = require("./ProgressIndicator-qjya_Yb5.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css = {
|
|
4
|
+
wrapper: "UploadArea-module_wrapper__aircC flexBox-module_column__ezvMq",
|
|
5
|
+
icon: "UploadArea-module_icon__M7n-m flexBox-module_row__z24tF",
|
|
6
|
+
title: "UploadArea-module_title__VbNGq type-module_body-l-bold__Fh2dt",
|
|
7
|
+
message: "UploadArea-module_message__U1ZVM flexBox-module_row__z24tF",
|
|
8
|
+
files: "UploadArea-module_files__Q796x flexBox-module_column__ezvMq",
|
|
9
|
+
xs: "UploadArea-module_xs__-AoM7 type-module_body-xs-regular__ZAFft",
|
|
10
|
+
s: "UploadArea-module_s__wy1zN type-module_body-s-regular__vRHSP",
|
|
11
|
+
m: "UploadArea-module_m__bKuFN type-module_body-m-regular__LuQBA",
|
|
12
|
+
l: "UploadArea-module_l__KG9YN type-module_body-l-regular__lOYbg"
|
|
13
13
|
};
|
|
14
14
|
|
|
15
|
-
styleInject_es.styleInject(".flexBox-
|
|
15
|
+
styleInject_es.styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.UploadArea-module_wrapper__aircC {\n\tpadding: var(--ua-padding) !important;\n\tborder: var(--ua-border) var(--ua-border-style) var(--ua-border-color);\n\tborder-radius: var(--ua-radius);\n\tbackground: var(--ua-bg-color);\n\tgap: 8px;\n\tcursor: var(--ua-cursor);\n\twidth: var(--ua-width);\n\theight: var(--ua-height);\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n\n.UploadArea-module_icon__M7n-m {\n\tmin-height: var(--ua-icon-size);\n\theight: var(--ua-icon-size);\n\tmin-width: var(--ua-icon-size);\n\twidth: var(--ua-icon-size);\n\tpointer-events: none;\n}\n\n.UploadArea-module_title__VbNGq {\n\tpointer-events: none;\n}\n\n.UploadArea-module_message__U1ZVM {\n\tcolor: var(--core-text-tertiary);\n\tpointer-events: none;\n\tgap: 8px;\n}\n\n.UploadArea-module_files__Q796x {\n\tmargin-top: 16px !important;\n\twidth: 100%;\n}\n\n.UploadArea-module_xs__-AoM7 {\n}\n\n.UploadArea-module_s__wy1zN {\n}\n\n.UploadArea-module_m__bKuFN {\n}\n\n.UploadArea-module_l__KG9YN {\n}\n");
|
|
16
16
|
|
|
17
17
|
const imageTypes = [ "png", "jpg", "jpeg", "gif", "svg", "heic", "heif" ], videoTypes = [ "mp4", "avi", "mov", "wmv", "flv" ], documentTypes = [ "pdf", "doc", "docx", "xls", "xlsx", "ppt", "pptx" ], audioTypes = [ "mp3", "wav", "ogg", "aac", "flac" ], textTypes = [ "txt", "rtf", "md", "csv", "json", "xml" ], allTypes = [ ...imageTypes, ...videoTypes, ...documentTypes, ...audioTypes, ...textTypes ];
|
|
18
18
|
|
|
@@ -49,12 +49,12 @@ const UploadAreaBase = React.forwardRef((props, ref) => {
|
|
|
49
49
|
"--ua-border-style": borderStyle,
|
|
50
50
|
"--ua-border-color": hovered || busy ? borderColorHover : borderColor,
|
|
51
51
|
"--ua-radius": `${radius}px`,
|
|
52
|
-
"--ua-padding":
|
|
52
|
+
"--ua-padding": misc.setStyle(padding),
|
|
53
53
|
"--ua-bg-color": hovered ? bgColorHover : bgColor,
|
|
54
54
|
"--ua-icon-size": `${iconSize}px`,
|
|
55
55
|
"--ua-cursor": busy || files.length > 0 ? "default" : "pointer",
|
|
56
|
-
"--ua-width":
|
|
57
|
-
"--ua-height":
|
|
56
|
+
"--ua-width": misc.setStyle(width),
|
|
57
|
+
"--ua-height": misc.setStyle(height)
|
|
58
58
|
}), [ border, borderStyle, borderColor, borderColorHover, radius, padding, bgColor, bgColorHover, iconSize, busy, hovered, height, files.length, width ]);
|
|
59
59
|
return jsxRuntime.jsxs("div", {
|
|
60
60
|
className: css.wrapper,
|
|
@@ -64,7 +64,7 @@ const UploadAreaBase = React.forwardRef((props, ref) => {
|
|
|
64
64
|
"aria-label": "Click to upload files",
|
|
65
65
|
tabIndex: 0,
|
|
66
66
|
onClick: handleClickUpload,
|
|
67
|
-
onKeyDown: e =>
|
|
67
|
+
onKeyDown: e => misc.accessibleKeyDown(e, () => handleClickUpload()),
|
|
68
68
|
onDragEnter: handleDragEnter,
|
|
69
69
|
onDragOver: e => {
|
|
70
70
|
e.preventDefault();
|
|
@@ -4,15 +4,84 @@ var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/
|
|
|
4
4
|
|
|
5
5
|
require("../theme/colors.js"), require("../hooks/useWindow.js");
|
|
6
6
|
|
|
7
|
-
var
|
|
7
|
+
var misc = require("./misc-C-M6KKsH.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_icon = "Icon-module_icon__szG-X";
|
|
8
8
|
|
|
9
|
-
styleInject_es.styleInject(".Icon-
|
|
9
|
+
styleInject_es.styleInject(".Icon-module_icon__szG-X {\n\tcursor: var(--cursor);\n\tuser-select: none;\n\t--webkit-user-select: none;\n\t-webkit-tap-highlight-color: transparent;\n\toutline: none;\n\tborder: 0;\n\ttransition: stroke, fill var(--motion-water-duration) var(--motion-water);\n}\n\npath,\ncircle,\nrect,\npolyline,\npolygon,\nline {\n\ttransition: stroke, fill var(--motion-water-duration) var(--motion-water);\n}\n");
|
|
10
10
|
|
|
11
11
|
/**
|
|
12
12
|
* Static icon registry created once at module load.
|
|
13
13
|
* Each entry stores only icon line content renderers.
|
|
14
14
|
*/
|
|
15
|
-
const STATIC_ICON_REGISTRY = new Map([ [ "
|
|
15
|
+
const STATIC_ICON_REGISTRY = new Map([ [ "video off", {
|
|
16
|
+
line: ({strokeColor: strokeColor}) => jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
17
|
+
children: [ jsxRuntime.jsx("path", {
|
|
18
|
+
d: "M10.97,14.75H3.04c-.16,0-.29-.11-.29-.25v-6.79l-1.5-1.29v8.08c0,.96.8,1.75,1.79,1.75h9.68l-1.75-1.5Z",
|
|
19
|
+
fill: strokeColor
|
|
20
|
+
}), jsxRuntime.jsx("path", {
|
|
21
|
+
d: "M18.39,5.86c-.23-.13-.51-.14-.74-.02l-2.9,1.55v-1.38c0-.97-.81-1.76-1.8-1.76H4.87l1.75,1.5h6.33c.17,0,.3.12.3.26v5.43l2.7,2.32,1.69.91c.11.06.23.09.35.09.13,0,.27-.04.39-.11.23-.14.36-.38.36-.64v-7.5c0-.26-.14-.51-.36-.64ZM17.25,12.75l-2.5-1.34v-2.32l2.5-1.34v4.99Z",
|
|
22
|
+
fill: strokeColor
|
|
23
|
+
}), jsxRuntime.jsx("path", {
|
|
24
|
+
d: "M15.21,16.5c-.17,0-.35-.06-.49-.18L1.3,4.82c-.31-.27-.35-.74-.08-1.06.27-.31.74-.35,1.06-.08l13.42,11.5c.31.27.35.74.08,1.06-.15.17-.36.26-.57.26Z",
|
|
25
|
+
fill: strokeColor
|
|
26
|
+
}) ]
|
|
27
|
+
})
|
|
28
|
+
} ], [ "video", {
|
|
29
|
+
line: ({strokeColor: strokeColor}) => jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
30
|
+
children: [ jsxRuntime.jsx("path", {
|
|
31
|
+
d: "M18.39,5.86c-.23-.13-.51-.14-.74-.02l-2.9,1.55v-1.38c0-.97-.81-1.76-1.8-1.76H3.04c-.99,0-1.79.79-1.79,1.75v8.5c0,.96.8,1.75,1.79,1.75h9.91c.99,0,1.79-.79,1.79-1.75v-1.39l2.9,1.55c.11.06.23.09.35.09.13,0,.27-.04.39-.11.23-.14.36-.38.36-.64v-7.5c0-.26-.14-.51-.36-.64ZM13.25,14.5c0,.14-.13.25-.29.25H3.04c-.16,0-.29-.11-.29-.25V6c0-.14.13-.25.29-.25h9.91c.17,0,.3.12.3.26v8.49ZM17.25,12.75l-2.5-1.34v-2.32l2.5-1.34v4.99Z",
|
|
32
|
+
fill: strokeColor
|
|
33
|
+
}), jsxRuntime.jsx("circle", {
|
|
34
|
+
cx: "8",
|
|
35
|
+
cy: "10.25",
|
|
36
|
+
r: "1",
|
|
37
|
+
fill: strokeColor
|
|
38
|
+
}) ]
|
|
39
|
+
})
|
|
40
|
+
} ], [ "mic", {
|
|
41
|
+
line: ({strokeColor: strokeColor}) => jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
42
|
+
children: [ jsxRuntime.jsx("path", {
|
|
43
|
+
d: "M10.25,11.75c1.65,0,3-1.35,3-3v-4.5c0-1.65-1.35-3-3-3s-3,1.35-3,3v4.5c0,1.65,1.35,3,3,3ZM8.75,4.25c0-.83.67-1.5,1.5-1.5s1.5.67,1.5,1.5v4.5c0,.83-.67,1.5-1.5,1.5s-1.5-.67-1.5-1.5v-4.5Z",
|
|
44
|
+
fill: strokeColor
|
|
45
|
+
}), jsxRuntime.jsx("path", {
|
|
46
|
+
d: "M14.75,7.25v1.25c0,2.48-2.02,4.5-4.5,4.5s-4.5-2.02-4.5-4.5v-1.25h-1.5v1.25c0,3.08,2.33,5.62,5.31,5.96v2.79h-3.59v1.5h8.48v-1.5h-3.39v-2.81c2.92-.4,5.19-2.91,5.19-5.94v-1.25h-1.5Z",
|
|
47
|
+
fill: strokeColor
|
|
48
|
+
}) ]
|
|
49
|
+
})
|
|
50
|
+
} ], [ "mic muted", {
|
|
51
|
+
line: ({strokeColor: strokeColor}) => jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
52
|
+
children: [ jsxRuntime.jsx("path", {
|
|
53
|
+
d: "M8.78,3.95c.14-.68.74-1.2,1.47-1.2.83,0,1.5.67,1.5,1.5v2.67l1.5,1.5v-4.17c0-1.65-1.35-3-3-3-1.13,0-2.1.63-2.61,1.56l1.14,1.14Z",
|
|
54
|
+
fill: strokeColor
|
|
55
|
+
}), jsxRuntime.jsx("path", {
|
|
56
|
+
d: "M7.25,8.08v.67c0,1.65,1.35,3,3,3,.21,0,.41-.02.61-.06l-3.61-3.61Z",
|
|
57
|
+
fill: strokeColor
|
|
58
|
+
}), jsxRuntime.jsx("path", {
|
|
59
|
+
d: "M14.75,7.25v1.25c0,.43-.08.84-.19,1.23l1.17,1.17c.33-.74.52-1.54.52-2.4v-1.25h-1.5Z",
|
|
60
|
+
fill: strokeColor
|
|
61
|
+
}), jsxRuntime.jsx("path", {
|
|
62
|
+
d: "M11.06,14.44c.69-.09,1.33-.31,1.93-.62l-1.13-1.13c-.5.19-1.04.31-1.61.31-2.48,0-4.5-2.02-4.5-4.5v-1.25h-1.5v1.25c0,3.08,2.33,5.62,5.31,5.96v2.79h-3.59v1.5h8.48v-1.5h-3.39v-2.81Z",
|
|
63
|
+
fill: strokeColor
|
|
64
|
+
}), jsxRuntime.jsx("path", {
|
|
65
|
+
d: "M16.75,15.5c-.19,0-.38-.07-.53-.22L3.72,2.78c-.29-.29-.29-.77,0-1.06s.77-.29,1.06,0l12.5,12.5c.29.29.29.77,0,1.06-.15.15-.34.22-.53.22Z",
|
|
66
|
+
fill: strokeColor
|
|
67
|
+
}) ]
|
|
68
|
+
})
|
|
69
|
+
} ], [ "camera", {
|
|
70
|
+
line: ({strokeColor: strokeColor}) => jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
71
|
+
children: [ jsxRuntime.jsx("path", {
|
|
72
|
+
d: "M16.75,16.25H3.25c-.96,0-1.75-.79-1.75-1.75V5.5c0-.96.79-1.75,1.75-1.75h13.5c.96,0,1.75.79,1.75,1.75v9c0,.96-.79,1.75-1.75,1.75ZM3.25,5.25c-.14,0-.25.11-.25.25v9c0,.14.11.25.25.25h13.5c.14,0,.25-.11.25-.25V5.5c0-.14-.11-.25-.25-.25H3.25Z",
|
|
73
|
+
fill: strokeColor
|
|
74
|
+
}), jsxRuntime.jsx("path", {
|
|
75
|
+
d: "M11.94,13.75c-2.03,0-3.69-1.65-3.69-3.69s1.65-3.69,3.69-3.69,3.69,1.65,3.69,3.69-1.65,3.69-3.69,3.69ZM11.94,7.88c-1.21,0-2.19.98-2.19,2.19s.98,2.19,2.19,2.19,2.19-.98,2.19-2.19-.98-2.19-2.19-2.19Z",
|
|
76
|
+
fill: strokeColor
|
|
77
|
+
}), jsxRuntime.jsx("circle", {
|
|
78
|
+
cx: "6",
|
|
79
|
+
cy: "8",
|
|
80
|
+
r: "1",
|
|
81
|
+
fill: strokeColor
|
|
82
|
+
}) ]
|
|
83
|
+
})
|
|
84
|
+
} ], [ "highlight", {
|
|
16
85
|
line: ({strokeColor: strokeColor}) => jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
17
86
|
children: [ jsxRuntime.jsx("path", {
|
|
18
87
|
d: "M 0 0 L 24 0 L 24 24 L 0 24 Z",
|
|
@@ -608,9 +677,6 @@ const STATIC_ICON_REGISTRY = new Map([ [ "highlight", {
|
|
|
608
677
|
} ], [ "help", {
|
|
609
678
|
line: ({strokeColor: strokeColor}) => jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
610
679
|
children: [ jsxRuntime.jsx("path", {
|
|
611
|
-
d: "M 10 18 C 14.418 18 18 14.418 18 10 C 18 5.582 14.418 2 10 2 C 5.582 2 2 5.582 2 10 C 2 14.418 5.582 18 10 18 Z",
|
|
612
|
-
fill: strokeColor
|
|
613
|
-
}), jsxRuntime.jsx("path", {
|
|
614
680
|
d: "M 11 13 C 11 13.552 10.552 14 10 14 C 9.448 14 9 13.552 9 13 C 9 12.448 9.448 12 10 12 C 10.552 12 11 12.448 11 13 Z M 8.75 8 C 8.75 7.31 9.31 6.75 10 6.75 C 10.69 6.75 11.25 7.31 11.25 8 C 11.25 8.69 10.69 9.25 10 9.25 L 9.25 9.25 L 9.25 11 L 10.75 11 L 10.75 10.646 C 12.118 10.259 12.966 8.893 12.706 7.496 C 12.446 6.098 11.163 5.129 9.748 5.26 C 8.332 5.39 7.249 6.578 7.25 8 Z",
|
|
615
681
|
fill: strokeColor
|
|
616
682
|
}), jsxRuntime.jsx("path", {
|
|
@@ -955,7 +1021,7 @@ const STATIC_ICON_REGISTRY = new Map([ [ "highlight", {
|
|
|
955
1021
|
role: "img",
|
|
956
1022
|
"aria-label": `${name} icon`,
|
|
957
1023
|
tabIndex: pointer && !disabled ? 0 : -1,
|
|
958
|
-
onKeyDown: e =>
|
|
1024
|
+
onKeyDown: e => misc.accessibleKeyDown(e, () => onClick),
|
|
959
1025
|
opacity: disabled ? .5 : 1
|
|
960
1026
|
}, rest, {
|
|
961
1027
|
children: [ jsxRuntime.jsx("title", {}), shape({
|
|
@@ -969,10 +1035,12 @@ const STATIC_ICON_REGISTRY = new Map([ [ "highlight", {
|
|
|
969
1035
|
|
|
970
1036
|
var IconNames;
|
|
971
1037
|
|
|
972
|
-
Icon.displayName = "Icon", exports.IconNames = void 0, (IconNames = exports.IconNames || (exports.IconNames = {})).
|
|
973
|
-
IconNames.
|
|
974
|
-
IconNames.
|
|
975
|
-
IconNames.
|
|
1038
|
+
Icon.displayName = "Icon", exports.IconNames = void 0, (IconNames = exports.IconNames || (exports.IconNames = {})).video = "video",
|
|
1039
|
+
IconNames.mic = "mic", IconNames.micMuted = "mic muted", IconNames.camera = "camera",
|
|
1040
|
+
IconNames.videoOff = "video off", IconNames.home = "home", IconNames.inbox = "inbox",
|
|
1041
|
+
IconNames.sparkle = "sparkle", IconNames.people = "people", IconNames.wallet = "wallet",
|
|
1042
|
+
IconNames.invoice = "invoice", IconNames.payment = "payment", IconNames.heart = "heart",
|
|
1043
|
+
IconNames.clock = "clock", IconNames.book = "book", IconNames.search = "search",
|
|
976
1044
|
IconNames.filter = "filter", IconNames.more = "more", IconNames.checkbox = "checkbox",
|
|
977
1045
|
IconNames.checkboxChecked = "checkbox checked", IconNames.checkboxPartial = "checkbox partial",
|
|
978
1046
|
IconNames.chevronDown = "chevron down", IconNames.chevronUp = "chevron up", IconNames.plus = "plus",
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Create a tint value from a hex color
|
|
5
|
+
*/ exports.addOpacity = (color, opacity) => {
|
|
6
|
+
if (!color) return "";
|
|
7
|
+
const alpha = Number.isFinite(opacity) ? Math.max(0, Math.min(1, opacity)) : 1, trimmed = color.trim();
|
|
8
|
+
if (trimmed.startsWith("#")) {
|
|
9
|
+
const normalized = trimmed.slice(1), fullHex = 3 === normalized.length ? normalized.split("").map(char => `${char}${char}`).join("") : normalized;
|
|
10
|
+
if (!/^[0-9a-fA-F]{6}$/.test(fullHex)) return color;
|
|
11
|
+
return `rgba(${Number.parseInt(fullHex.slice(0, 2), 16)}, ${Number.parseInt(fullHex.slice(2, 4), 16)}, ${Number.parseInt(fullHex.slice(4, 6), 16)}, ${alpha})`;
|
|
12
|
+
}
|
|
13
|
+
const rgbMatch = trimmed.match(/^rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})(?:\s*,\s*[\d.]+\s*)?\)$/);
|
|
14
|
+
if (rgbMatch) {
|
|
15
|
+
const [, r, g, b] = rgbMatch;
|
|
16
|
+
return `rgba(${r}, ${g}, ${b}, ${alpha})`;
|
|
17
|
+
}
|
|
18
|
+
return color;
|
|
19
|
+
}, exports.tintFromColor = (hex, percent) => {
|
|
20
|
+
const normalizedHex = hex.trim().replace("#", "");
|
|
21
|
+
if (!(3 === normalizedHex.length || 6 === normalizedHex.length) || !/^[0-9a-fA-F]+$/.test(normalizedHex)) return hex;
|
|
22
|
+
const fullHex = 3 === normalizedHex.length ? normalizedHex.split("").map(char => `${char}${char}`).join("") : normalizedHex, ratio = Math.max(-1, Math.min(1, Math.abs(percent) > 1 ? percent / 100 : percent)), mixTo = ratio >= 0 ? 255 : 0, mix = Math.abs(ratio);
|
|
23
|
+
return `#${[ 0, 2, 4 ].map(start => Number.parseInt(fullHex.slice(start, start + 2), 16)).map(channel => {
|
|
24
|
+
const next = Math.round(channel + (mixTo - channel) * mix);
|
|
25
|
+
return Math.max(0, Math.min(255, next));
|
|
26
|
+
}).map(channel => channel.toString(16).padStart(2, "0")).join("")}`;
|
|
27
|
+
};
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("./tslib.es6-C8dZW5nY.js")
|
|
3
|
+
var tslib_es6 = require("./tslib.es6-C8dZW5nY.js");
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Clean up string with html
|
|
7
|
+
*/ exports.accessibleKeyDown =
|
|
4
8
|
/**
|
|
5
9
|
* Utility to accessibility - mimics click event with designated keys event
|
|
6
10
|
*/
|
|
@@ -9,11 +13,7 @@ function(e, clickFunction, keys) {
|
|
|
9
13
|
}
|
|
10
14
|
/**
|
|
11
15
|
* Get the pointer position from a DOM touch or mouse event
|
|
12
|
-
*/ , exports.cleanString =
|
|
13
|
-
/**
|
|
14
|
-
* Clean up string with html
|
|
15
|
-
*/
|
|
16
|
-
function(input, removeInvisible = !0, removeHtml = !0) {
|
|
16
|
+
*/ , exports.cleanString = function(input, removeInvisible = !0, removeHtml = !0) {
|
|
17
17
|
let clean = input;
|
|
18
18
|
if (clean = clean.replaceAll(/\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, ""),
|
|
19
19
|
removeInvisible) {
|
|
@@ -29,7 +29,16 @@ function(input, removeInvisible = !0, removeHtml = !0) {
|
|
|
29
29
|
/**
|
|
30
30
|
* Debug component rendering
|
|
31
31
|
* Code removed when built / deployed
|
|
32
|
-
*/ , exports.
|
|
32
|
+
*/ , exports.copyToClipboard = rawContent => tslib_es6.__awaiter(void 0, void 0, void 0, function*() {
|
|
33
|
+
try {
|
|
34
|
+
const textArea = document.createElement("textarea");
|
|
35
|
+
return textArea.value = rawContent, textArea.style.position = "fixed", textArea.style.left = "-9999px",
|
|
36
|
+
document.body.appendChild(textArea), textArea.focus(), textArea.select(), document.execCommand("copy"),
|
|
37
|
+
textArea.remove(), !0;
|
|
38
|
+
} catch (error) {
|
|
39
|
+
return console.warn("Unable to copy to clipboard:", error), !1;
|
|
40
|
+
}
|
|
41
|
+
}), exports.debug = function(previous, updated, name = "component") {
|
|
33
42
|
if ("test" === process.env.NODE_ENV) return;
|
|
34
43
|
const props = previous.current.props, mount = previous.current.mount, unmount = previous.current.unmount;
|
|
35
44
|
if (mount) ; else if (unmount) ; else {
|
|
@@ -59,7 +68,13 @@ function(classNames) {
|
|
|
59
68
|
}
|
|
60
69
|
/**
|
|
61
70
|
* Takes a style string or number and returns a valid CSS style string
|
|
62
|
-
*/ , exports.
|
|
71
|
+
*/ , exports.normalizedPercent =
|
|
72
|
+
/**
|
|
73
|
+
* Get normalized percent value from number or string
|
|
74
|
+
*/
|
|
75
|
+
function(value) {
|
|
76
|
+
return "number" == typeof value ? value : value.endsWith("%") ? Number.parseFloat(value) : Number.parseFloat(value) / 100;
|
|
77
|
+
}, exports.pointerPosition = function(e) {
|
|
63
78
|
if (e.type.startsWith("touch")) {
|
|
64
79
|
return e.touches[0].clientX;
|
|
65
80
|
}
|
|
@@ -67,4 +82,7 @@ function(classNames) {
|
|
|
67
82
|
}, exports.setStyle = function(value, defaultVal = void 0) {
|
|
68
83
|
const useValue = null != value ? value : defaultVal;
|
|
69
84
|
return useValue ? "string" == typeof useValue ? useValue : `${useValue}px` : "unset";
|
|
70
|
-
}
|
|
85
|
+
}
|
|
86
|
+
/**
|
|
87
|
+
* Copy to clipboard
|
|
88
|
+
*/;
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var zustand = require("zustand");
|
|
4
|
+
|
|
5
|
+
require("./tslib.es6-C8dZW5nY.js");
|
|
6
|
+
|
|
7
|
+
var utils_objects = require("../utils/objects/index.js");
|
|
8
|
+
|
|
9
|
+
const useSSEStore = zustand.create((set, get) => ({
|
|
10
|
+
connections: [],
|
|
11
|
+
message: null,
|
|
12
|
+
closedConnection: null,
|
|
13
|
+
actions: {
|
|
14
|
+
addConnection: (name, options) => {
|
|
15
|
+
const existingConnection = get().connections.find(c => c.name === name);
|
|
16
|
+
null == existingConnection || existingConnection.connection.close();
|
|
17
|
+
const userOnMessageCallback = options.onMessageCallback, connection = new utils_objects.SSEConnection(Object.assign(Object.assign({}, options), {
|
|
18
|
+
unifiedOnMessage: !0,
|
|
19
|
+
onMessageCallback: message => {
|
|
20
|
+
set({
|
|
21
|
+
message: message
|
|
22
|
+
}), null == userOnMessageCallback || userOnMessageCallback(message), "close" === message.type && (set({
|
|
23
|
+
closedConnection: name
|
|
24
|
+
}), get().actions.removeConnection(name));
|
|
25
|
+
}
|
|
26
|
+
}));
|
|
27
|
+
return set(state => ({
|
|
28
|
+
connections: [ ...state.connections.filter(connection => connection.name !== name), {
|
|
29
|
+
name: name,
|
|
30
|
+
connection: connection
|
|
31
|
+
} ]
|
|
32
|
+
})), {
|
|
33
|
+
name: name,
|
|
34
|
+
connection: connection
|
|
35
|
+
};
|
|
36
|
+
},
|
|
37
|
+
removeConnection: name => {
|
|
38
|
+
const existingConnection = get().connections.find(c => c.name === name);
|
|
39
|
+
existingConnection && (existingConnection.connection.close(), set(state => ({
|
|
40
|
+
connections: state.connections.filter(connection => connection.name !== name)
|
|
41
|
+
})));
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}));
|
|
45
|
+
|
|
46
|
+
const useSSEActions = useSSEStore.getState().actions;
|
|
47
|
+
|
|
48
|
+
exports.useConnectionClose = () => useSSEStore(state => state.closedConnection),
|
|
49
|
+
exports.useConnectionMessage = connection => useSSEStore(state => state.connections.some(entry => entry.name === connection) ? state.message : null),
|
|
50
|
+
exports.useIsConnected = connection => useSSEStore(state => {
|
|
51
|
+
var _a, _b;
|
|
52
|
+
return connection ? null !== (_b = null === (_a = state.connections.find(entry => entry.name === connection)) || void 0 === _a ? void 0 : _a.connection.connected) && void 0 !== _b && _b : state.connections.some(entry => entry.connection.connected);
|
|
53
|
+
}), exports.useLastSSEMessage = () => useSSEStore.getState().message, exports.useMessage = function(type, connection) {
|
|
54
|
+
return useSSEStore(state => {
|
|
55
|
+
const sourceMessage = connection && !state.connections.some(c => c.name === connection) ? null : state.message;
|
|
56
|
+
return type ? sourceMessage && sourceMessage.type === type ? "open" === type || "error" === type || "close" === type ? "event" in sourceMessage ? sourceMessage.event : null : "data" in sourceMessage ? sourceMessage.data : null : null : sourceMessage;
|
|
57
|
+
});
|
|
58
|
+
}, exports.useSSE = () => useSSEStore(state => state.actions), exports.useSSEActions = useSSEActions,
|
|
59
|
+
exports.useSSEStore = useSSEStore;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var Avatar = require("../../chunks/Avatar-YNcGDUzr.js");
|
|
4
|
+
|
|
5
|
+
require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("react"),
|
|
6
|
+
require("../../chunks/misc-C-M6KKsH.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"),
|
|
7
|
+
exports.Avatar = Avatar.Avatar;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var AvatarGroup = require("../../chunks/AvatarGroup-Dn5R1XIU.js");
|
|
4
|
+
|
|
5
|
+
require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("react"),
|
|
6
|
+
require("../../chunks/Avatar-YNcGDUzr.js"), require("../../chunks/misc-C-M6KKsH.js"),
|
|
7
|
+
require("../../chunks/style-inject.es-CMuL-BfJ.js"), exports.AvatarGroup = AvatarGroup.AvatarGroup;
|